<! DOCTYPE Html> <HTMLlang="en"> <Head> <Metacharset="UTF-8"> <title>document</title> <style>/* This method perfectly solves the problem of the right-most box without the need to set margin-right:0 specifically; */* key: 1 The outermost box is set to the desired width 2 contains a number of boxes to be arranged The block width is set to the parent box width plus the extra margin-right width 3 for the parent box set Overflow:hidden */*{margin:0;
padding:0; }
.Out_wrap{width:900px; height:500px; BackgroundBlack; OverflowHidden; margin:0Auto; }
.lists{width:990px; }
.Item{width:280px; height:100px; Float Left; Margin-right:50px; BackgroundRed; } </style> </Head> <Body> <Divclass="Out_wrap"> <ulclass="Lists"> <Liclass="Item"></Li> <Liclass="Item"></Li> <Liclass="Item"></Li> </ul> </Div> </Body> </HTML>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
