Adding Bullets To Heading Tags In CSS

by Nima on 11 October, 2008

Today I added bullet images to the H3 tags on my blog. It’s a very simple process:

  1. Open your CSS file
  2. Find the line that has the “H3″ styling
  3. Add the following code in there:
    background-image: url(images/h3bullet.gif);
    background-repeat: no-repeat;
  4. Add some padding to make sure the text and image are not overlapping
    padding-left: 22px;

Related Posts

{ 2 comments… read them below or add one }

Usio December 26, 2011 at 4:37 pm

Thank you so much! I was looking for this solution!

JWell January 18, 2012 at 3:11 pm

Amazing hack! ;-)

Leave a Comment

Previous post:

Next post: