Is there a way to adjust the vertical positioning of the "Blahs" in the list so that they appear closer to the center of each list bullet in the image displayed on my HTML code below?
Here is the snippet of code:
<html>
<style>
li
{
margin-top: 0px;
}
</style>
</head>
<body>
<ul style="list-style-image:url('http://i.imgur.com/WvHNgNo.png?2'); margin-top:0px;">
<li>Blah</li>
<li>Blah</li>
<li>Blah</li>
</ul>
</body>
</html>
Tried adjusting the padding, but it affected both the image and text. Is there a way to move just the text upwards without affecting anything else?