dl dt:first-child + dd { background: #fc3; } .box { border: #e4e4e4 1px solid; width: 150px; padding: 10px; float: left; margin: 0 15px 15px 0; } dt { clear: left; float: left; width: 2em; } dd { margin-left: 3em; }
<div class="box"> <h1>Header</h1> <p>Paragraphparagraph</p> <dl> <dt>dt</dt><dd class="text">dd</dd> <dt>dt</dt><dd class="text">dd</dd> <dt>dt</dt><dd class="text">dd</dd> </dl> </div> <div class="box"> <h1>Header</h1> <p>Paragraphparagraph</p> <dl> <dt>dt</dt><dd class="text">dd</dd> <dt>dt</dt><dd class="text">dd</dd> <dt>dt</dt><dd class="text">dd</dd> </dl> </div> <div class="box"> <h1>Header</h1> <p>Paragraphparagraph</p> <dl> <dt>dt</dt><dd class="text">dd</dd> <dt>dt</dt><dd class="text">dd</dd> <dt>dt</dt><dd class="text">dd</dd> </dl> </div>