Untitled
{"view":"split-vertical","fontsize":"150","seethrough":"","prefixfree":"1","page":"css"}
// alert('Hello world!');
<div>Div</div>
<div>Div</div>
<hr>
<span>Span</span>
<span>Span</span>
<hr>
<span class="ib">Span</span>
<span class="ib">Span</span>
<hr>
<p class="tr">
<span>Span</span>
</p>
<p class="tc">
<span class="ib">Span</span>
</p>
div {
background-color: palegreen;
display: inline;
width: 100px;
height: 100px;
margin: 20px;
padding: 10px;
}
span {
background-color: skyblue;
display: inline;
width: 100px;
height: 100px;
margin: 20px 20px 20px 100px;
padding: 10px 30px;
}
.ib {
background-color: indianred;
display: inline-block;
width: 100px;
height: 100px;
margin: 20px;
padding: 10px;
}