Bottom padding, list text only
I have my own item list marker for my list (ul). I want the text in the li elements to be higher, but not the bullet points. This is because I think it looks better.
1 is how it looks today, 2 is how I want it to look.
My code:
ul.list-ok {
font-size: 16px;
list-style-image: url('img/ok-18.png');
}
ul.list-ok li {
padding: 0 0 10px 0;
}
How do I accomplish what I want?
+3
source to share
1 answer
It's not correct, but it might do the trick: Jsfiddle here
ul.list-ok li:before {
position: relative;
top: -6px;
right: 8px;
content: url('https://cdn1.iconfinder.com/data/icons/nuvola2/16x16/actions/camera_test.png');
}
ul.list-ok li {
padding: 0 0 10px 0;
list-style-type: none;
}
0
source to share