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

Popular posts from this blog

java - How to set log4j.defaultInitOverride property to false in jboss server 6 -

c - GStreamer 1.0 1.4.5 RTSP Example Server sends 503 Service unavailable -

Using ajax with sonata admin list view pagination -