Friday 21st of November 2008 06:43:11 PM
text such as PRE text, or another circumstancewhere line-wrapping cannot occur.

  • When a block-level box is wider than its parent's content area.

  • When an element's box is taller than the height explicitly setfor its parent.

    • CSS Tutorials

    CSS Tutorials

    Welcome to the CSS Tutorials. In this section we cover Cascading Style Sheets, the powerful supplement to HTML that allows you complete control over the look of your websites. We'll show you how to create Cascading Style Sheets, and some of the cool tricks you can achieve with them.

    For Beginners...

    Introduction to CSS
    This tutorial covers the basics: what are style sheets? How do I make a style sheet? It also shows some of the cool things you can do with style sheets.

    CSS Units
    A description of all the units that can be used with CSS, including lengths, percentages, colours and URL's.

    For Intermediate Users...

    Controlling Background Images and Colours
    Learn how to use CSS properties to add background images and colour to your Web pages. Lots of neat tricks and examples are included!

    Controlling Fonts with CSS
    In this tutorial we take a look at how to control the fonts used in your page body text, using the various font properties that can be controlled with style sheets.

    Controlling Text Appearance with CSS
    This tutorial shows you how to control the layout of your text using the text properties available in CSS, such as line spacing and text alignment.

    Making Lists Look Nicer with CSS
    You can really go to town with HTML lists when you add a sprinkle of CSS! This tutorial shows you how to make your lists stand out from the crowd.

    For Advanced Users...

    CSS Positioning
    This tutorial teaches you how to use CSS to position images, text, and other elements on your Web pages. Essential reading for anyone who wants to start using CSS for layout.




    85px . Thus the top inner edge of the floatedelement should be at pixel position 85.

    A similar line of reasoning explains how the left inner edge of thefloated element can be placed to the left of the left inner edge ofits parent. This ability can be used for interesting effects likehanging floated images, but only if thebrowser honors negative margins on floated elements. If it does, theresult will be something like that shown in Figure 7-71.