CSSサンプル / display:table

先の要素です。 後の要素後の要素後の要素後の要素後の要素後の要素後の要素後の要素後の要素

■CSS記述例

div.sample span.p1 {
	display:table;
	width:100px;
	height:50px;
	background-color:green;
	color:#FFFFFF;
}

div.sample strong.p1 {
	width:400px;
	height:100px;
	background-color:#0099FF;
	color:#FFFFFF;
}

■HTML記述例

<span class="p1">先の要素</span>
<strong class="p1">後の要素</strong>