Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Remove dots from list in CSS [duplicate]

Tags:

html

css

How to remove dot from "add recipe"? when i try it does not work...

html:

<div id=menu>
      <ul>
        <li><a href="add_recipe">Add recipe</a></li>
      </ul>
</div>

css:

#menu
ul > li
{
    list-style-type: none;
}

1 Answers

If you're referring to the "bullet point" marker, then it did work when I ran the code without changing anything. Are you sure it isn't working when you run it? Have you tried clearing the cache to make sure the old script isn't running?

HTML:

<body>
<div id=menu>
      <ul>
        <li><a href="add_recipe">Add recipe</a></li>
      </ul>
</div>
</body>

CSS:

ul li
{
    list-style-type: none;
}
like image 192
Amit Sharma Avatar answered Oct 29 '25 21:10

Amit Sharma



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!