Issue
i'm having problem with bullet in <li> element
in Html and twitter bootstrap.
I want to change color of li bullet only , not the whole text. I can't make change in html code to put text in span , p or something.
Bootply:http://bootply.com/102688 ( I tried :first-line pseudo class but this is working only for first line so it's not good)
Best Regards And thanks for help.
Solution
Another approach that allows to to make LI "dot" via CSS shape - you can customize shape, size etc.
For example the code below will display large red circle:
li:before {
content: "";
position:relative;
left: -10px;
background-color:red;
display:inline-block;
width:10px;
height:10px;
border-radius:50%
}
Demo: http://jsfiddle.net/LWHYJ/
Answered By - Yuriy Galanter
0 comments:
Post a Comment
Note: Only a member of this blog may post a comment.