ここは#sample1の中のp要素です。
ここは#sample1の中のp要素です。
ここは#sample1の中のp要素です。
ここは#sample1の中のp要素です。
ここは#sample1の中のp要素です。
h4{
color:#fff;
background:#900;
margin:0 auto;
}
#sample1 h4 ~ h4{
margin:30px auto 0;
}
#sample2 li{
width:790px;
height:50px;
background:#cfc; /* 背景色・うすい緑 */
border:1px solid #000;
margin:5px;
}
#sample2 li ~ li{
width:388px;
float:left;
display:inline;
background:#fc6; /* 背景色・オレンジ */
}
<div id="sample1">
<h4>ここは#sample1の中のh4要素です。</h4>
<p>ここは#sample1の中のp要素です。</p>
<p>ここは#sample1の中のp要素です。</p>
<h4>ここは#sample1の中のh4要素です。</h4>
<p>ここは#sample1の中のp要素です。</p>
<p>ここは#sample1の中のp要素です。</p>
<h4>ここは#sample1の中のh4要素です。</h4>
<p>ここは#sample1の中のp要素です。</p>
</div>
<div id="sample2">
<ul>
<li>ここは1番目の要素です。</li>
<li>ここは2番目の要素です。</li>
<li>ここは3番目の要素です。</li>
<li>ここは4番目の要素です。</li>
<li>ここは5番目の要素です。</li>
<li>ここは5番目の要素です。</li>
</ul>
</div>