Home > Developer > Web Develop
First, give a simple example HTML code
<Body> <formID= "Form1"runat= "Server"> <DivID= "title"> <ulID= "List" > <Li>Title One</Li> <Li>Title II</Li> <Li>Title III</Li> <Li>Title IV</Li> <Li>Title Five</Li> </ul> </Div> </form></Body>
Previously, in order for the elements in Li to be displayed horizontally, Float:left was always set to Li. The effect is as follows.
But I want the title to be centered to show that there is no other way than to set Margin-left. This is not an absolute play.
The following is a simple two-part discovery.
One, set Li's Display:inline, so that it can be displayed horizontally.
Second, set the text-align:center of the previous Div;
#title { text-align:center;} ul Li { list-style-type:none; display:inline;}How CSS enables Li to center horizontally
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
