Question

My css code is

#footer .right {
    font-weight: bold;
    color: #ffffff;
    margin: 0px auto;
    padding: 10px 0px 0px;
    float: right;
}

and the text is

<p class="right">Copyright &copy; 2012 SiteName. All Rights Reserved.<br />
         Powered By ScriptName</p>

I need to set :

text font size (12px) for “Copyright © 2012 SiteName. All Rights Reserved.”

and text font size (11px) for “Powered By ScriptName”

It should be exactly look like that

How i can do that please ?

Update

Thanks everyone for your useful help 🙂

My Regards

Answer 1

HTML:

<p class="right">Copyright &copy; 2012 SiteName. All Rights Reserved.<br />
<span>Powered By ScriptName</span></p>

CSS:

#footer .right {
    ...
    font-size: 12px;
}

#footer .right span {
    font-size: 11px;
}

Example: http://jsfiddle.net/4CpRk/