html - List shifted right -
html - List shifted right -
i can't seem figure out how list of links centered. seems shifted right me. sorry simple question, i'm new this.
http://jsfiddle.net/mzm7szqn/
ul{ text-align:center; width:450px; margin:0 auto; font-family:arial; list-style-type:none; } li{ font-family:osr; display:inline; padding: 5px; }
<ul> <li><a href = "#">web page</a></li> <li><a href = "#">after effects</a></li> <li><a href = "#">premiere</a></li> <li><a href = "#">ableton live</a></li> <li><a href = "#">blender</a></li> <li><a href = "#">auto cad</a></li> </ul>
your <ul>
has padding of 20px;
inherited. seek adding this
ul{padding: 0 !important;}
html css list html-lists
Comments
Post a Comment