<html>
<head>
<title>Wysokość i szerokość</title>
</head>
<style>
span, div {
border: 2px solid red;
font-size: 1.5em;
margin: 10px 0;
}
/* Ustawienie szerokości i wysokości nic nam nie da przy elementach liniowych. */
span {
width: 300px;
height: 100px;
}
/* Szerokość i wysokość zostaną poprawnie ustawiona. */
div {
width: 300px;
height: 100px;
}
</style>
<body>
<section>
<span>Element liniowy</span>
<div>Element blokowy</div>
</section>
</body>
</html>
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.