I'm curious about a behaviour I just ran across.. This is likely my own fundamental lack of understanding about inline and block but take the following text.

<span class="description">This is a lot of text that wraps a few times. This is a lot of text that wraps a few times. This is a lot of text that wraps a few times. This is a lot of text that wraps a few times. This is a lot of text that wraps a few times. This is a lot of text that wraps a few times. This is a lot of text that wraps a few times. This is a lot of text that wraps a few times. This is a lot of text that wraps a few times. This is a lot of text that wraps a few times. </span>


If I apply the following style to it:

     .description {
       padding-top: 100px;
       font-size: 10px;
       border: 1px solid red;
     }

I get five different boxes...

Whereas if I apply the following style:

     .description {
       display: block;
       padding-top: 100px;
       font-size: 10px;
       border: 1px solid red;
     }

I get one block.

Now I get the block issue, but is it true that each "line" within a span is treated as it's own "box"?

I think I'm starting to see why just by asking the question but I'd be interested in your thoughts.

Jared Nielsen


______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to