横に要素を並べる書き方は一般的に、CSS float 属性指定で良く以下のように書く。HTMLソース <div class="content"> <ul> <li><div>aaaa</div></li> <li><div>bbbb</div></li> <li><div>cccc</div></li> </ul> </div> ＣＳＳソース .content ul{ width: 600px; } .content ul:after{ content: ""; display: block; clear: both; } .content li{ list-style-type:…