再び定義リストdt ddを横並びで表示させる | A Day in the Life

May 15, 2008 定義リストの横並びで苦戦したので再びエントリーしておきます。以前のエントリーは1つのdtに対して複数のddを記述すると最初のddがずれると言うものでしたが、ddが折り返された時はずれたままでしたが、今回は折り返されてもずれないようにCSSを調整して行きます。 まず次のような(X)HTMLがあります。 <dl> <dt>定義リスト1</dt> <dd>文章文章文章文章文章文章文章文章文章文章文章</dd> <dt>定義リスト1</dt> <dd>文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章</dd> <dt>定義リスト1</dt> <dd>文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章</dd> <dd class="test">文章文章文章文章文章文章文章文章文章文章文章文章