Examples of css dl dt dd

Now let's take a look at the css dl dt dd instance tutorial method. Let's take a look at the effect chart.

Let's take a look at how css is written.

<Div id = "commond">
<Span id = "commondtitle"> user message </span>
<Dl>
<Dt class = "commondname"> come on! </dt>
<Dd class = "commondtime"> 11:03:44 <dd>
<Dd class = "commondcontent"> Haha & nbsp; look, 123456 & nbsp; 45 <dd>
          
</Dl>
<Dl>
<Dt class = "commondname"> dumbiscool </dt>
<Dd class = "commondtime"> 16:11:19 <dd>
<Dd class = "commondcontent"> interesting things are good <dd>
          
</Dl>
<Div style = 'text-align: right; padding-top: 20px; '> Record 2, 1 page <a href =? Page = 1 class = 'SF '> 1 </a> <a href =? Page = 1> & nbsp;> </a> </div>
</Div>
</Div>
       
</Div>

The css div code is as follows.

# Commond {
Margin: 80px 0 20px-13px;
}
# Commondtitle {
Line-height: 20px;
Font-weight: bold;
Padding: 0 0 0 10px;
Height: 20px;
Width: 500px;
Background: # fcf7bc;
}
# Commond dl {
Margin: 30px 0 0 30px;
Height: 80px;
Width: 480px;
}
# Commond dl dt {
Margin: 0 0 0px 20px;
Font-weight: bold;
}
. Commondtime {
Margin: 0 0 10px 20px;
}
. Commondcontent {
Margin: 0 0 0 20px;
Padding: 20px 10px 0 20px;
Background: url (imgs/textareaback.gif) no-repeat top left # fcf7bc;
Height: 60px;
Width: 420px
}

Now, the original site reprinted and marked from www.111cn.net/cssdiv/css.html