CSS UL and Li to achieve horizontal arrangement and remove Li points

How to achieve the horizontal arrangement of UL and remove Li that annoying point, now find a way to share with you, interested friends can refer to, for a rainy

Today do Web page is always do not know how to achieve the horizontal arrangement of UL and remove Li that annoying point, now find a way, make a note:

Copy Code code as follows:
#ul {
Float:left;
}
#ul Li {
Float:left;
List-style:none;
}

By the way, expand Li's List-style:

Copy Code code as follows:
UL {
List-style:square inside URL (' .../.img ');
}
UL {
List-style:circle;
}
OL {
List-style:upper-roman;
}
OL {
List-style:lower-alpha;
}

And then write a see today, is about the DL,DT,DD, in fact, is similar to the subclass, I am relatively rare to each page to use:

Copy Code code as follows:
<dl>
<dt>Apple</dt>
<dd> Apple </dd>
<dt>Boy</dt>
<dd> Boy </dd>
</dl>

The effect is as follows: