html programming with css

[LuckyTaxi]

so i would like to have different styles on one line but i cant
let me explain.

<div class=blue>i want this text in blue</div><div class=red>i want this text in red</div>
would return the following results.

i want this text in blue (blue text)
i want this text in red (red text)

i dont want the carriage return! how can i make it show up on one line and not one two separate lines?

 

[Bullhonkie]

Try <span> instead.

 

[LuckyTaxi]

Originally posted by: Bullhonkie
Try <span> instead.

<span class=>?

 

[Bullhonkie]

Yep:

<span class="blah">blahblah</span>

Been a little while since i've messed around with css so hopefully it still works.

 

[gluck]

use <font class="blue">Blue</font>

 

[LuckyTaxi]

Originally posted by: Bullhonkie
Yep:

<span class="blah">blahblah</span>

Been a little while since i've messed around with css so hopefully it still works.

nice...whats the diff between the two

 

[Bullhonkie]

The <font> tag has been deprecated, please don't use it.

I honestly don't remember the differences as it's been awhile. But I think it has something to do with the fact that <div> usually defines a block or region of text, while <span> can be used inline to format text within a block of text.

 

[ajpa123]

div and span are HTML container elements ( a part or section of a web page) where similar stylin can be applied.

<div> is a block-level container ( contains whole sections of content ) and anything after it starts on a new line !
<span> is an inline container (containing content on just one line) and anything after it starts immediately, i think

AJ

 

[LuckyTaxi]

Originally posted by: ajpa123
div and span are HTML container elements ( a part or section of a web page) where similar stylin can be applied.

<div> is a block-level container ( contains whole sections of content ) and anything after it starts on a new line !
<span> is an inline container (containing content on just one line) and anything after it starts immediately, i think

AJ

thank you ... works perfectly!