CSS: Remove indent and bullet from list items

Submitted by Matthew Clark on Tue, 30 Jun 2009 - 06:27
Filed under:
Printer-friendly versionSend to friendPDF version
No votes yet

This style will remove the indent and bullet from a list

  1. ul, ol
  2. {
  3.   list-style: none;
  4.   margin-left: 0;
  5.   padding-left: 1em;
  6.   text-indent: -1em;
  7. }

  • 514 reads
  • Share/Save

Post new comment

The content of this field is kept private and will not be shown publicly.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <blockquote> <hr> <span>
  • Lines and paragraphs break automatically.
  • Textual smileys will be replaced with graphical ones.

More information about formatting options