You can remove bullets by using list-style-type to none on the CSS for the <ul> element, for example:
ul
{
list-style-type: none;
}
W3Schools
w3schools.com › html › tryit.asp
An unordered list without bullets
The W3Schools online code editor allows you to edit code and view the result in your browser
Top answer 1 of 6
18
You can remove bullets by using list-style-type to none on the CSS for the <ul> element, for example:
ul
{
list-style-type: none;
}
2 of 6
8
You can try this
div.ui-menu li {
list-style: none;
}
ul {
list-style-type: none;
padding: 0px;
margin: 0px;
}
li {
display: inline;
padding-left: 14px;
}<div class="ui-menu">
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
</div>How do I remove bullet points from <ul> and <li>
“list-style: none” should be all you need. Can either be applied to the ul or individual li elements. If it’s not working make sure the property is getting applied to the correct element More on reddit.com
9
3
October 11, 2020Foundation Theme - How Do I Make An Unordered List With No Bullets?
Hello Foundation Community… Wanting to format some text as a unordered list with no bullets. Tried using the paragraph stack, highlighting the text and selecting the list but the code is still a p tag only. I have the full Foundation Theme suite, looked for a list stack but all I see is side ... More on forums.realmacsoftware.com
0
0
March 5, 2016Remove bullets from unordered list using CSS
This CSS rule removes the default bullet points from the unordered list with the class no-bullets. You can apply this class to all unordered lists to remove the bullets in your HTML. More on mindstick.com
0
June 6, 2024html - I need an unordered list without any bullets - Stack Overflow
I have created an unordered list. I feel the bullets in the unordered list are bothersome, so I want to remove them. Is it possible to have a list without bullets? More on stackoverflow.com
Videos
03:08
How to Remove Unordered List Bullets in HTML and CSS - YouTube
01:45
How to Remove Bullets from an Unordered List in HTML & CSS - YouTube
01:11
How to Remove Bullets from an Unordered List in HTML with CSS - ...
07:05
Writing Unordered Lists in HTML - YouTube
00:59
Remove Bullets Style From ul HTML Unordered List #css - YouTube
32:51
How to create and style lists with HTML and CSS
W3Schools
w3schools.com › howto › howto_css_list_without_bullets.asp
How To Create an Unordered List Without Bullets
Learn how create an unordered list without bullets, using CSS. The list-style-type:none property can be used to remove the default markers/bullets in a list. Note that the list also has default margin and padding.
Computer Hope
computerhope.com › issues › ch001704.htm
How to Create a Bullet List with No Bullets in HTML
September 7, 2025 - To create an ordered list or unordered ... (HyperText Markup Language), adding the "list-style: none" CSS style class to the unordered list (<ul>) or ordered list (<ol>) tag removes any bullet or number....
MDN Web Docs
developer.mozilla.org › en-US › docs › Web › HTML › Reference › Elements › ul
<ul>: The Unordered List element - HTML | MDN
If not present and if no CSS list-style-type property applies to the element, the user agent selects a bullet type depending on the nesting level of the list. Warning: Do not use this attribute, as it has been deprecated; use the CSS list-style-type property instead. The <ul> element is for ...
Maxdesign
css.maxdesign.com.au › listutorial › 02.htm
Listutorial: Tutorial 1 - Background images for bullets - Step 2 - Remove the bullets
To remove the HTML list bullets, set the "list-style-type" to "none".
Hostm
hostm.com › how-to › css › unordered-list-without-bullets
How to create an unordered list without bullets | HostM
Use the list-style-type CSS property to create an unordered list without bullets. By default, unordered lists (<ul>) show a bullet for each item in the list. However, sometimes you may wish to utilize a <ul> HTML element for purposes other than to have a bulleted list.
Reddit
reddit.com › r/webdev › how do i remove bullet points from and
r/webdev on Reddit: How do I remove bullet points from <ul> and <li>
October 11, 2020 -
Hi, I have been trying to figure out how to remove the bullet points which you can see in the tabs and the corresponding text. I have tried setting list-style:none but it doesn't work.
Page Link
Top answer 1 of 5
4
“list-style: none” should be all you need. Can either be applied to the ul or individual li elements. If it’s not working make sure the property is getting applied to the correct element
2 of 5
3
They are custom bullet points by the look of it, if you inspect the markup they're all just ::before elements. I'm assuming you're customizing a WordPress theme or something by the looks of it. Should be able to disable it with .tabs li:before { content: none }
GeeksforGeeks
geeksforgeeks.org › css › create-an-unordered-list-without-any-bullets-using-css
Create an Unordered List Without Bullets using CSS - GeeksforGeeks
July 11, 2025 - Apply list-style-type: none; to the <ul> tag to remove the default bullets from the list items. Syntax · list-style-type: none; HTML · <p>Computer science subject lists:</p> <ul style="list-style-type: none;"> <li>Data Structure</li> ...
Realmac Software
forums.realmacsoftware.com › classic
Foundation Theme - How Do I Make An Unordered List With No Bullets? - Classic - RapidWeaver Support Forum
March 5, 2016 - Hello Foundation Community... Wanting to format some text as a unordered list with no bullets. Tried using the paragraph stack, highlighting the text and selecting the list but the code is still a p tag only. I have the …
W3Schools
w3schools.com › css › css_list.asp
CSS Styling Lists
Full-width bordered list This example demonstrates how to create a bordered list without bullets. All the different list-item markers for lists This example demonstrates all the different list-item markers in CSS. ... If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail: sales@w3schools.com · If you want to report an error, or if you want to make a suggestion, send us an e-mail: help@w3schools.com · HTML Tutorial CSS Tutorial JavaScript Tutorial How To Tutorial SQL Tutorial Python Tutorial W3.CSS Tutorial Bootstrap Tutorial PHP Tutorial Java Tutorial C++ Tutorial jQuery Tutorial
Quora
quora.com › How-do-you-remove-bullets-from-a-list-in-HTML
How to remove bullets from a list in HTML - Quora
You can use this for removing the bullet in a unordered list: [code]ul { list-style-type: none; }[/code] If you have an ordered list, then you can try this: [code]ol { list-style-type: none; } [/code] T...
W3Docs
w3docs.com › html
How to Create an Unordered List without Bullets
<!DOCTYPE html> <html> <head> <title>Title of the document</title> <style> ul.no-bullets { list-style-type: none; margin: 0; padding: 0; } </style> </head> <body> <h3>W3Docs</h3> <p>Our books (with bullets):</p> <ul> <li>Learn HTML</li> <li>Learn CSS</li> <li>Learn Javascript</li> <li>Learn Git</li> </ul> <p>Our books: (without bullets)</p> <ul class="no-bullets"> <li>Learn HTML</li> <li>Learn CSS</li> <li>Learn Javascript</li> <li>Learn Git</li> </ul> </body> </html>
MindStick
mindstick.com › forum › 160688 › remove-bullets-from-unordered-list-using-css
Remove bullets from unordered list using CSS – MindStick
June 6, 2024 - <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Remove bullets from unordered list</title> <style> .no-bullets { list-style-type: none; } </style> </head> <body> <h3>Remove bullets from unordered list</h3> <ul class="no-bullets"> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li>Item 4</li> </ul> </body> </html>
Top answer 1 of 16
4207
You can remove bullets by setting the list-style-type to none on the CSS for the parent element (typically a <ul>), for example:
ul {
list-style-type: none;
}
You might also want to add padding: 0 and margin: 0 to that if you want to remove indentation as well.
See Listutorial for a great walkthrough of list formatting techniques.
2 of 16
741
If you're using Bootstrap, it has an "unstyled" class:
Remove the default list-style and left padding on list items (immediate children only).
Bootstrap 2:
<ul class="unstyled">
<li>...</li>
</ul>
http://twitter.github.io/bootstrap/base-css.html#typography
Bootstrap 3, 4, and 5:
<ul class="list-unstyled">
<li>...</li>
</ul>
Bootstrap 3: http://getbootstrap.com/css/#type-lists
Bootstrap 4: https://getbootstrap.com/docs/4.3/content/typography/#unstyled
Bootstrap 5: https://getbootstrap.com/docs/5.0/content/typography/#unstyled
Sentry
sentry.io › sentry answers › css › i need an unordered list without any bullets (html, css)
I need an unordered list without any bullets (HTML, CSS) | Sentry
To remove the bullets, you can set the list-style-type CSS property of the unordered list to “none”.
W3Schools
w3schools.com › html › html_lists_unordered.asp
HTML Unordered Lists
HTML Tag List HTML Attributes HTML ... Lang Codes HTTP Messages HTTP Methods PX to EM Converter Keyboard Shortcuts ... The HTML <ul> tag defines an unordered (bulleted) list....
Tutorial Republic
tutorialrepublic.com › faq › how-to-create-an-unordered-list-without-any-bullets-in-html.php
How to Create an Unordered List without any Bullets in HTML
Additionally, to remove the default left padding from the list you can use set the padding-left: 0; on it. Here's an example: ... <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Remove Bullets from List using CSS</title> <style> ul{ list-style-type: none; padding-left: 0; } </style> </head> <body> <ul> <li>List item one</li> <li>List item two</li> <li>List item three</li> </ul> </body> </html>
SheCodes
shecodes.io › athena › 264420-how-to-create-a-list-without-bullet-points-in-html-without-css
[HTML] - How to create a list without bullet points in HTML without CSS?
Learn how to create a list without bullet points in HTML without using CSS. Use the unordered list element and remove default bullet points.
Medium
medium.com › @python-javascript-php-html-css › how-to-create-an-unordered-list-without-bullets-in-html-a065e0439ffe
How to Use HTML to Make an Unordered List Without Bullets
August 24, 2024 - The first script uses CSS to achieve this. By defining a class called no-bullets in the style section, the list-style-type property is set to none, effectively removing the bullets.