Live
<html> <head> <title>Pozycjonowanie</title> <style> div, span { font-size: 24px; margin: 10px; padding: 10px; } .block { background: skyblue; } .inline { background: lightgreen; } .inline-block { display: inline-block; background: violet; } </style> </head> <body> <h1>Normal document flow</h1> <div class="block">Element blokowy</div> <div class="block">Element blokowy</div> <div class="block">Element blokowy</div> <span class="inline">Element liniowy</span> <span class="inline">Element liniowy</span> <span class="inline">Element liniowy</span> <div class="inline-block">Element liniowo-blokowy</div> <div class="inline-block">Element liniowo-blokowy</div> <div class="inline-block">Element liniowo-blokowy</div> </body></html>
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.