<div>
<div class="content wysiwyg-content">
i have a div with class called title. &nbsp;it contains a h1 tag. &nbsp;i want this tag to align to the bottom of the div please.<br />
<br />
&lt;div id=&quot;main&quot;&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;div class=&quot;title&quot;&gt;<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h1&gt;Welcome to my website.&lt;/h1&gt;<br />
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;img src=&quot;&quot; alt=&quot;&quot;/&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;p&gt;Some text here&lt;/p&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;p class=&quot;footer&quot;&gt;&lt;a href=&quot;/sitemap/&quot; title=&quot;Sitemap&quot;&gt;Sitemap&lt;/a<wbr />&gt;&lt;/p&gt;<br />
&lt;/div&gt;<br />
<br />
my code:<br />
<br />
#main div.title<br />
{<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;height:243px;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;padding:0px;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;margin:0px;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;width:500px;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;background:#FFFFFF;<br />
}<br />
<br />
#main div.title h1<br />
{<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;position:absolute;<br />
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;bottom:0px;<br />
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;left:0px;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;padding:0px;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;margin:0px;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;font-size:1.8em;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;font-weight:normal;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;color:#888888;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;font-family: &quot;Trebuchet MS&quot;, helvetica, arial, sans-serif;<br />
}<br />

</div>
</div>


i have a div with class called title.  it contains a h1 tag.  i want this tag to align to the bottom of the div please.

<div id="main">
	<div class="title">
                <h1>Welcome to my website.</h1>
        </div>
	<img src="" alt=""/>
	<p>Some text here</p>
	<p class="footer"><a href="/sitemap/" title="Sitemap">Sitemap</a></p>
</div>

my code:

#main div.title
{
	height:243px;
	padding:0px;
	margin:0px;
	width:500px;
	background:#FFFFFF;
}

#main div.title h1
{
	position:absolute;
     	bottom:0px;
     	left:0px;
	padding:0px;
	margin:0px;
	font-size:1.8em;
	font-weight:normal;
	color:#888888;
	font-family: "Trebuchet MS", helvetica, arial, sans-serif;
}


align h1 to bottom of div

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.