Book HomeCascading Style Sheets: The Definitive GuideSearch this book Thursday 23rd of March 2017 09:03:16 PM

Copyright © 2000 O'Reilly & Associates, Inc. All rights reserved.

Printed in the United States of America.

Published by O'Reilly & Associates, Inc., 1005 Gravenstein Highway North, Sebastopol, CA 95472.

affects the layout. In a manner utterly unique to CSS, floatedelements exist almost on their own plane, yet they still have majorinfluence over the rest of the document.

Of course, when an element is floated, other content "flowsaround" it. This is familiar behavior with floated images, butthe same is true if you float a paragraph, for example. In Figure 7-64, we can see this effect (a margin has beenadded to make the situation more clear):

P.aside {float: left; width: 5em; margin: 1em;}

Nutshell Handbook, the Nutshell Handbook logo, and the O'Reilly logo are registered trademarks of O'Reilly & Associates, Inc. Many of the designations used by manufacturers and sellers to distinguish their products are claimed as trademarks. Where those designations appear in this book, and O'Reilly & Associates, Inc. was aware of a trademark claim, the designations have been printed in caps or initial caps. The association between the image of a koala and the topic of HTML and XHTML is a trademark of O'Reilly & Associates, Inc.

While every precaution has been taken in the preparation of this book, the publisher assumes no responsibility for errors or omissions, or for damages resulting from the use of the information contained herein.



Library Navigation Links

Copyright © 2002 O'Reilly & Associates. All rights reserved.

Comments can span multiple lines, just as in C++:

/* This is a CSS1 comment, and itcan be several lines long withoutany problem whatsoever. */

It's important to remember that CSS comments cannot be nested.So, for example, this would not be correct:

/* This is a comment, in which we findanother comment, which is WRONG/* Another comment */
Defines thesides of an element on which no floating images may be placed. Theeffect of this is to move the element downward until the top of itsborder-edge is below the bottom edge of the floated element.

Example

H1 {clear: right;}

Values

none | left |right | both