html - How to align multiple inside - -
html - How to align multiple <span> inside <li> -
jsfiddle demo
how align these checkmarks in same line, 1 under another, right after longest alternative left side.
<ul class="list-line-bold list-unstyled"> <li>option 1: unlimited</li> <li>option 123312: <span class="check"></span> </li> <li>option 134: <span class="check"></span> </li> <li>option 1: <span class="check"></span> </li> <li>option 1423423423423: <span class="check"></span> </li>
.list-unstyled { padding-left: 0; list-style: none; } .check { background-image: url(http://i.imgur.com/afpgfcp.png); display: inline-block; width: 14px; height: 14px; background-repeat: no-repeat; vertical-align: middle; }
try :
.list-unstyled { padding-left: 0; list-style: none; } .check { background-image: url(http://i.imgur.com/afpgfcp.png); display: inline-block; width: 14px; height: 14px; background-repeat: no-repeat; vertical-align: middle; float:right; } li{ width:200px; }
html css html5 css3
Comments
Post a Comment