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

javascript - Iterate over array and calculate average values of array-parts -

iphone - Using nested NSDictionary with Picker -

objective c - Newbie question -multiple parameters -