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

Popular posts from this blog

java - WrongTypeOfReturnValue exception thrown when unit testing using mockito -

php - Magento - Deleted Base url key -

android - How to disable Button if EditText is empty ? -