---
title: "Remove bullets from unordered list using CSS"
description: "Remove bullets from unordered list using CSS"
author: "Sandra Emily"
published: 2024-06-05
updated: 2024-06-06
canonical: https://www.mindstick.com/forum/160688/remove-bullets-from-unordered-list-using-css
category: "css-css3"
tags: ["css-css3", "css", "css styling"]
reading_time: 1 minute
---
# Remove bullets from unordered list using CSS
[Remove](https://yourviews.mindstick.com/story/4554/8-harmful-weeds-to-remove-from-garden) bullets from unordered list using CSS
## Replies
### Reply by Ashutosh Patel
### Remove bullets from unordered list
To remove bullets from an unordered list using CSS, you can use the CSS property **list-style-type** set to **none**.
## Example-
## HTML
```html
```
## CSS
```css
.no-bullets {
list-style-type: none;
}
```
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.
## Example-
```html
Remove bullets from unordered list
Remove bullets from unordered list
- Item 1
- Item 2
- Item 3
- Item 4
```
**Also, Read:** [Parent selector using CSS](https://www.mindstick.com/forum/160687/parent-selector-using-css)
---
Original Source: https://www.mindstick.com/forum/160688/remove-bullets-from-unordered-list-using-css
Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.