Basically, there is a default text size and I am printing out a title. I want to make the title one or two sizes than whatever the default is. I can't just use CSS' font-size attribute and give a 'px' value. How can I do it?
And another easy question (since you're in here):
Why doesn't this code work (OK, I'm still strugglin' w/CSS)?
<body>
<style type='text/css'>
p, p.instructions, li.instructions, div.instructions {margin:0in;}
.surveytitle {text-align: center}
</style>
<span class="surveytitle">Title Text</span>
It's not being centered.
Thanks.You can assign a percentage to your font size: font-size: 150%; would be 1.5 times the size of the base font.
Your <style> section belongs inside of the <head> section of your document, not the <body> section.
<span> is an in-line element, but text-align only applies to block-level, table cell, and inline block elements. Try using a <p> instead (or whatever other block-level element would make semantic sense there).Thank you for the answer and explanation.
And another easy question (since you're in here):
Why doesn't this code work (OK, I'm still strugglin' w/CSS)?
<body>
<style type='text/css'>
p, p.instructions, li.instructions, div.instructions {margin:0in;}
.surveytitle {text-align: center}
</style>
<span class="surveytitle">Title Text</span>
It's not being centered.
Thanks.You can assign a percentage to your font size: font-size: 150%; would be 1.5 times the size of the base font.
Your <style> section belongs inside of the <head> section of your document, not the <body> section.
<span> is an in-line element, but text-align only applies to block-level, table cell, and inline block elements. Try using a <p> instead (or whatever other block-level element would make semantic sense there).Thank you for the answer and explanation.