inline 과 block
<body>
<div class="block-container">
<div>div1</div>
<div>div2</div>
<div>div3</div>
<div>div4</div>
</div>
<div class="inline-container">
<span>span1</span>
<span>span2</span>
<span>span3</span>
<span>span4</span>
</div>
</body>.block-container {
border: 3px solid blue;
}
.inline-container {
border: 3px solid red;
}
.block-container div {
border: 3px solid green;
width: 400px;
display: inline;
}
.inline-container span {
background-color: red;
width: 400px;
display: block;
}
꾸준함이란 ... ?