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 lis in uls or ols, can fix with:
ul {list-style: none} because of inheritance, style transferred 'list-style' of li elements.
see w3c examples.
Comments
Post a Comment