css - Vertically aligning text to graphics based bullets -


see bullets on blog post: http://www.nielsbrinch.com/managing-expectation-management/

i have had change text characteristics in order align text graphics based bullets. set same line-height (25) rest of text, had set 15 in order alignment orange bullet correct.

here combined styles bullets.

.post ul li {     background: url(images/yellow-bullet.png) no-repeat 0px 4px;     padding-left: 15px;     font-family: tahoma;     line-height: 15px;     font-size: 11pt;     padding-top: -12px;     margin-bottom: 10px;     margin-left: 10px; } 

question: how ensure keep text correctly aligned bullets, while preserving full control of text characteristics?

(i want changing styles, please not suggest change html structure, such including div in li tag)

list-style-image: url(images/yellow-bullet.png); 

instead of

background: url(images/yellow-bullet.png) no-repeat 0px 4px; 

should trick?


Comments

Popular posts from this blog

linux - Using a Cron Job to check if my mod_wsgi / apache server is running and restart -

actionscript 3 - TweenLite does not work with object -

jQuery Ajax Render Fragments OR Whole Page -