Need Help To Customize a HTML CSS Template

Hi,
Please have a look at http://www.templatemo.com/templates/templatemo_147_biz_darkblue/. I want to modify this template. You can download the template here - http://www.templatemo.com/download/templatemo_147_biz_darkblue. I want to add a new div at the top right corner of the template on the blue header. I want to add some text inside the div. Rest of the styling like, font, color, hyperlink - I'll do them all. I just need the div positioning code, so that it looks same on all browsers.

My Text may be multiline, so I need <p> tag support inside the div. Please help. I'm unable to do this edit. I've attached a screenshot to show you the exact position.

 

I can do it for you.

 

Please help me with the piece of code. What exactly I need to apply in style - float, clear or something else?

Unfortunately I cannot pay you for this work. The reason is, the template will be used for a non-profit project and I'm also not making money out of it. If you're able to help, I'll be grateful. May be some day, I'll return you some...

 

add this to your css,in my case i name it header-right name it to whatever you want

#header-right
{
    width:200px;
    height:60px;
    margin:20px 0px 0px 0px;
    float:right;
    border:1px solid #000;
}

Code (markup):

adjust width,height, margin if needed , you can remove border:1px solid #000; it's just to let you see where the div is....


edit your html find

<div id="site_logo"></div>

Code (markup):

add after this code

<div id="header-right"></div>

Code (markup):