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
Post a Comment