Ul li vertical bar menu, ulli

Ul li vertical bar menu, ulli

1Ul li vertical bars2 3 <! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 4 
 

Css
Www.aa25.cn
There is a ready-made list on it. Find it by yourself.
 
How can div, ul, and li help arrange zzzzzzzz vertically and XXXXXXX horizontally?
<Style>
. Heng li {display: inline}
</Style>
<Div>
<Ul>
<Li> ZZZZZZZZZZZ
<Ul class = "heng">
<Li> XXXXXXXXXXXXX </li>
<Li> XXXXXXXXXXXXX </li>
<Li> XXXXXXXXXXXXX </li>
</Ul>
</Li>
<Li> zzzzzzzzzz </li>
<Li> zzzzzzzzzz </li>
</Ul>
</Div>
Is this effect?