<dl> - HTML CSS HTML Tag

HTML CSS examples for HTML Tag:dl

  1. HOME
  2. HTML CSS
  3. HTML Tag
  4. dl

Introduction

dl Denotes a description list.

And its Style Convention. 

dl { display: block;
     margin-before: 1em;
     margin-after: 1em;
     margin-start: 0;
     margin-end: 0;
}

Multiple dd elements can be used for a single dt element, which provides multiple definitions for a single term.

The following code shows how to create description Lists.

Demo Code

ResultView the demo in separate window 

<!DOCTYPE HTML>
<html>
    <head>
        <title>Example</title>
    </head>
    <body>
        <dl>
            <dt>CSS</dt>
                <dd>style the element</dd>
                <dd><i>hard to use</i></dd>
            <dt>HTML</dt>
                <dd>marks the content</dd>
                <dd><i>easier to use</i></dd>
            <dt>SQL</dt>
                <dd>query <i>database</i></dd>
        </dl>
    </body>
</html><!-- w  w w .  jav a2  s  . c  o  m-->

Demo Code

ResultView the demo in separate window 

<html>
   <head></head>
   <body></body>
</html><!--   w w w .ja  v  a 2s  . c om-->

Related Tutorials