Okay, I have a list, and I want to center everything in it.(with css)Anyway, I googled it, and I found, to remove the list style, and no left margin. But, I want to center it also, so I use text-align:center;. But for some reason, the indent shows up, so it is not exactly in the center, which is what I want.If you want a example, there's one at tst.burngames.netSince everyone apparently needs code when there's a website..\[code\]<body> <div id="search"> <input id="search_input" placeholder="Search for game."> <ul id="search_list"> <li> One </li> <li> Two </li> <li> Three </li> </ul> </div></body>\[/code\]CSS(Replace (NumSymbol) with #):body {\[code\]background: url(../images/fire.png) no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;\[/code\]}(NumSymbol)search {\[code\]background-color:white;border-color:black;border-style:double;border-width: thick;margin-left:auto;margin-right:auto;margin-top:auto;margin-bottom:auto;width:600px;height:100%;\[/code\]}(NumSymbol)search_input {\[code\]width:99%;height:50px;margin-top:20px;text-align:center;\[/code\]}(NumSymbol)search_list {\[code\]width: 99%;margin-left:auto;margin-right:auto;\[/code\]}li {\[code\]list-style-type:none;padding-left: 0px;margin-top:10px;margin-bottom:10px;text-align:center;\[/code\]}
List no indent while centering
- Thread starter TigerXS1
- Start date