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
Post a Comment