Tuesday, September 13, 2011

How do you change styles between line breaks with CSS?

I want to make a ';paragraph'; that looks something like this:



Contact Information [in bold]

John Doe [turn boldface off]

123 Main St

Springfield, VI 00000



The problem is that if I create a different p class for the first and second lines, I get an extra space between those two lines. I am just learning CSS and figured out that I can't put CSS attributes on the %26lt;BR%26gt; tag. So basically what I want to learn to do is skip down only one line and change font styles at the same time.How do you change styles between line breaks with CSS?
drop the bold text in a %26lt;span%26gt; tag, with CSS style font-weight and font-size:



%26lt;p style=';font-size: 14pt;';%26gt;

%26lt;span style=';font-weight: bold;';%26gt;Contact Information%26lt;/span%26gt;

John Doe

123 Main St

Springfield, VI 00000

%26lt;/p%26gt;How do you change styles between line breaks with CSS?
It's better this way and be more sematically correct:



%26lt;h1 style=';font-size: 16pt; font-weight: bold;';%26gt;Contact Information%26lt;/h1%26gt;

%26lt;pre style=';font-size: 14pt;';%26gt;

John Doe

123 Main St

Springfield, VI 00000

%26lt;/pre%26gt;



Ron

No comments:

Post a Comment

Note: Only a member of this blog may post a comment.