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

Popular posts from this blog

angularjs - ADAL JS Angular- WebAPI add a new role claim to the token -

php - CakePHP HttpSockets send array of paramms -

node.js - Using Node without global install -