Skip to content
Related Articles
Open in App
Not now

Related Articles

How to create space between list bullets and text in HTML ?

Improve Article
Save Article
  • Last Updated : 23 Dec, 2020
Improve Article
Save Article

The approach of this article is to create a space between bullets and the text using CSS. This task can be done by using the CSS padding-left property. It is used to set the width of the padding area on the left of an element.  


padding-left: length|percentage|initial|inherit;



<!DOCTYPE html>
        li {
            padding-left: 23px;
    <h1 style="color:green; 
    <h2 style="text-align:center">
        How to create space between 
        list bullets and text in HTML?
    <!-- padding-left property used here -->
    <p><b>list of fruits</b></p>


Supported Browsers are listed below:

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Safari
  • Opera

My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!