html - Horzontal list - bullet equal distance/centered between list items -
i bullet in horizontal list in middle/center between each list item. want bullet centered between each item
here css code:
.tags-mid { padding: 20px; margin-top: 15px; text-align: center; } .tags-mid ul { font-size: 25px; font-family: 'open sans', sans-serif; } .tags-mid li { display: inline; line-height: 25px; padding-right: 20px; padding-left: 20px; } .tags-mid li:after { content: " · "; } .tags-mid li:last-child:after { content: ""; } .tags-mid { color: #000; text-transform: uppercase; text-decoration: none; } .tags-mid a:hover { color: #000; text-decoration: none; }
try applying padding
:after
pseudo element rather list items. here link jsfiddle: http://jsfiddle.net/ged4k/
Comments
Post a Comment