# Bullet in front of \<h1\>

**URL:** <https://forum.kirupa.com/t/bullet-in-front-of-h1/213719>\
**Category:** web dev\
**Created:** [January 22, 2007, 7:13pm UTC](https://forum.kirupa.com/t/bullet-in-front-of-h1/213719 "2007-01-22T19:13:10Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![NeoDreamer](https://avatars.discourse-cdn.com/v4/letter/n/ccd318/32.png) [@NeoDreamer](https://forum.kirupa.com/u/NeoDreamer)\
**Post date:** [January 22, 2007, 7:13pm UTC](https://forum.kirupa.com/t/bullet-in-front-of-h1/213719/1 "2007-01-22T19:13:10Z")

</div>

How do you make all \<h1\> headers have a small customized bullet graphic to the left of it? Preferably vertically centered and not to close to the text.