"Definition List"
Bootstrap 3.2.0 Snippet by escapedlion

<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <h2>Definition List 1</h2> <dl> <dt>CSS</dt> <dd>Cascading Style Sheets</dd> <dt>HTML</dt> <dd>HyperText Markup Language</dd> <dt>How To Meet Ladies</dt> <dd>Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum. Defacto lingo est igpay atinlay. Marquee selectus non provisio incongruous feline nolo contendre.</dd> </dl> </div> </div>
dl { margin-left: 5em; } dt { width: 16em; float: left; clear: left; margin:0 0 1em −5em; font-weight: bold; } dd { float:left; width:100%; padding: .2em 0 0 0; margin: 0 0 1em 0; }

Related: See More


Questions / Comments: