css - Remove bullet points from HTML list items -
how remove bullet points #box5
, #box6
, #box7
? thought using #box5 a
, it's not working.
html
<div id="con3"> <!-- irrelevant markup omitted --> <div id="box5"> <li><a href="#">liam price<br>australia</a></li> </div> <div id="box6"> <li><a href="#">jess kwartz<br>germany</a></li> </div> <div id="box7"> <li><a href="#">ali jab<br>mexico</a></li> </div> </div>
css
#box5 { margin-left: 110px; margin-top: 10px; font-family: 'pt_serifitalic'; font-size: 9pt; line-height: 16px; } #box5 { color:white; text-decoration: none; list-style: none; }
you should put list items li
in either ul
or ol
or menu
follow html spec. see here: http://www.w3.org/tr/html-markup/li.html
bullets on li
s in ul
s or ol
s, can fix with:
ul {list-style: none}
because of inheritance, style transferred 'list-style' of li elements.
see w3c examples.
Comments
Post a Comment