ITの隊長のブログ

ITの隊長のブログです。Rubyを使って仕事しています。最近も色々やっているお(^ω^ = ^ω^)

2016-09-16から1日間の記事一覧

<dt>と<dd>を横並びにする

<dl class="cf"> <dt>※1</dt> <dd>テスト</dd> <dt>※2</dt> <dd>テスト</dd> </dl> これを表示すると ※1 テスト ※2 テスト こうなる。 んで、これに横並びするstyleをあてる <style> .inline dt { float: left; } .inline dd { margin-left: 10px; } </style> <dl class="cf inline"> <dt>※1</dt> <dd>テスト</dd> <dt>※2</dt> <dd>テスト</dd> </dl> そうするとこうなる。 ※1 テスト ※2…