Need help with custom list style bullets..

[jin-wooo]

Hi,

I’m just starting out with css and figured out how to get a triangle bullet by googling. But, the bullet and text are not aligned properly and I’m not sure why… I’m using the bootstrap.

Here is a screenshot: http://i60.tinypic.com/11uxkqe.png

As for my code:
Css:

.content-wrapper ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

.content-wrapper ul > li:before {
    content: '\2023';
    color: #6c9ec0;
    font-size: 28px;
    padding-right: 10px;
    float: left;
    display: block;
    position: relative;
}

Html:

  <ul class="clearfix">
            <li><h3>Testing...</h3></li>
        </ul>

Can someone help me out and provide helpful explanation?

[Paulie_D]

Without seeing the HTML & other CSS it’s hard to help.

Could you make a Codepen.io example?

[Author]

Posts