Make The Text "bbb" To Be Beside To The Icon, Not Flatten Together

Goal: Make the letter 'bbb' to be visible and the text should be beside to the icon Problem: I tried to move the text to the right side but it doesn't work. Do you guys know how to

Solution 1:

You can just increase the left padding. Fiddle: https://jsfiddle.net/5f7qjLgf/2/

li.ttt a
{
    padding: 1px 40px 1px 20px;
    .....
}

Solution 2:

There are a lots of way that you can solve your problem. As, @AtheistP3ace changed the padding of a element to prevent the text from covering the image. I use :before Pseudo-element(CSS ::before Selector). You can check this jsfiddle.