html - Can't center the UL tag -


How do I center this ul tag?

I tried everything but I know nothing but ().

Note: See it in fullscreen.

See the ul list in the center of this fieldet. & lt; Ul id = "progressbar" & gt; & Lt; Li class = "active" & gt; The first step & lt; / li & gt; & Lt; Li & gt; The second step & lt; / li & gt; & Lt; Li & gt; The third step & lt; / li & gt; & Lt; / Ul & gt;

Not sure that this is what you want to see but want to keep an eye on

ul {width: 1000px} :

Anyway what I did

  ul {margin: auto auto; Text align: center; Status: Relative; }   

and by changing #progressbar li :

  #progressbar li {list-style-type: none; Color: #fff; Change text: uppercase; Font-size: 9px; Width: 30%; Cushion Top: 10px; display: inline-block; Status: Relative} << code>  

I deleted float: left , display: inline-block was added, width < / Code> to width: 30%

Tell me if you have any questions Cheers!

Comments

Popular posts from this blog

Verilog Error: output or inout port "Q" must be connected to a structural net expression -

jasper reports - How to center align barcode using jasperreports and barcode4j -

c# - ASP.NET MVC - Attaching an entity of type 'MODELNAME' failed because another entity of the same type already has the same primary key value -