Live
x
<html> <head> <title>Inline-Block</title> </head> <style> span, div { border: 2px solid red; font-size: 1.5em; margin: 10px 0; } /* Szerokość i wysokość zostaną poprawnie ustawione. */ span { display: inline-block; width: 300px; height: 100px; } /* Szerokość i wysokość zostaną poprawnie ustawione. */ div { display: inline-block; width: 300px; height: 100px; } </style> <body> <section> <span>Element liniowo-blokowy</span> <div>Element liniowo-blokowy</div> </section> </body></html>
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.