Thursday 24th of April 2014 01:53:23 AM

Book Home

Cascading Style Sheets: The Definitive GuideSearch this book

Symbols | A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z

Index: Y

There are no index entries for this letter.

<DIV STYLE="float: left; width: 40%; margin-left: 10%; margin-right: 5%;">

This causes the entire set of text in the first division to become afloating block on the left margin and the following text to flow pastit on the right. In other words, a two-column layout! This firstcolumn is declared to be 40% as wide as the browser window, have aleft margin 10% as wide as the browser window, and a right marginthat is 5% of the window's width. This will cause the secondcolumn to automatically calculate its overall width as 45% (40 + 10 +5 = 55, and 100 - 55 is 45).


Symbols | A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z


Library Navigation Links

Copyright © 2002 O'Reilly & Associates, Inc. All Rights Reserved.

Default

block

Inherited

no

Applies to

all elements

floatIE4 P/B IE5 P/Q NN4 P/P Op3 B/-

Sets the float direction for an element. This is generally applied to images in order to allow text to flow around them, but under CSS1 any