DIV + CSS learning-margin indent method

Example: top of DIV page layout (margin-left method)
Left Center
Middle right
Bottom
Code:

The code is as follows:

Copy code

<STYLE type = text/css> <! -- # Top, # left, # right, # bottom { Background: # CCCCCC; Height: 120px; } # Top, # index, # width definition of bottom/* top, middle, and bottom pages */ { Clear: both; Width: 778px; Margin: 4px; Margin-left: auto;/* Center the top, middle, and bottom pages */ Margin-right: auto; } # Left { Float: left; Width: 200px; } # Right { Margin-left: 200px; } --> </STYLE> <Div id = top> top </div> <Div id = index> <Div id = left> left Center </div> <Div id = right> middle right </div> <Div id = bottom> bottom </div>