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

Popular posts from this blog

php - Android app custom user registration and login with cookie using facebook sdk -

django - Access session in user model .save() -

php - .htaccess Multiple Rewrite Rules / Prioritizing -