list style точка

by avgustre

HTML

<ul class="moreLinks" >
        <li><a rel="nofollow" href="">xyz1</a></li>
    <li><a rel="nofollow" href="">xyz1</a></li>
    <li><a rel="nofollow" href="">...but it appears "inside" when the lines wrap... wrap wrap wrap wrap wrap wrap wrap wrap wrap wrap wrap wrap wrap </a></li>
    
    <li><a rel="nofollow" href="">xyz1</a></li>
</ul>

CSS

li {
        list-style: none;
        font-size: 20px;
    }
    
    li:before {
        content:"·";
        font-size:120px;
        vertical-align:middle;
        line-height:20px;
				color: red
    }