<section>
<p>The text within which the line element span is placed. <span>This is the element.</span> If you set the float property for span, it automatically becomes a block</p>
</section>
body {
font: 18px/1.5 sans-serif;
}
p {
width: 300px;
}
p span {
float: left;
width: 100px;
height: 100px;
padding: 10px;
margin: 5px 5px 0 0;
box-sizing: border-box;
background: #000;
color: #FFF;
text-align: center;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.