wabzi wabzi - 3 months ago 10
CSS Question

i want my heading to span across width of page

I have the following heading "2015 Annual Architectural Design Convention".
I have it in an

h1
tag in my coding. I want it to spread out across the webpage so that it starts on the left and ends on the right (a little padding wouldn't hurt).

I tried doing this by increasing the font but the height becomes too large. I just want it to be around 2 inches in height. I tried span and center tags but they weren't what i was looking for either. Also, I want the text in small caps. Spacing between the letters don't matter as long as it isn't too much.
Any help is greatly appreciated

EDIT: the code didn't show when i first posted. i realized later i did it wrong. Thanks for the down votes though -.- Here's the code:



.heading {
font: 55px;
}

<body class="main">

<h1><span>2015 Annual Architectural Design Convention</span></h1>

<div class="heading"><center>2015 Annual Architectural Design Convention</center></div>

</body>





I tried this later



#heading {
width: 100%;
}

<div id="heading">2015 Annual Architectural Design Convention</div>




Answer

It would be worthwhile if you posted some code to show us what you have done. But use this below as a starting point if you wish.

<div id="heading">2015 Annual Architectural Design Convention</div>

#heading {
    width: 100%;
}
Comments