如何通过css为文本设置不同的字体大小？

我的css代码是

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

文本是

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

版权和副本；2012站点名称。保留所有权利。

由ScriptName提供支持

我需要设置：

“版权所有©2012 SiteName.保留所有权利”的文本字体大小（12px）

和文本字体大小（11px）表示“由ScriptName提供支持”

应该是这样的

我怎样才能做到

更新

谢谢大家的帮助：）

我的问候

HTML：

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

---

示例：

使用跨度是最简单的。像这样

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

---

每行使用两个不同的段落。给每个人上他们自己的课。通过定位这些类来应用它们的特定样式

将它们包装在一个div中，并对其应用常用样式：

HTML

---

为了使页脚看起来与您提供的图像完全相同，除了字体大小之外，还需要一些额外的样式，但是为了能够在css中引用第二行，还需要包装第二行。执行此操作后，不再需要

这是一个例子

html:

​

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

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

.small {
font-size: 11px;
}

<div class="footerTxt">
    <p class="copyright">Copyright &copy; 2012 SiteName. All Rights Reserved.</p>
    <p class="poweredBy">Powered By ScriptName</p>
</div>

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

.copyright {
    font-size: 12px;
}

.poweredBy {
    font-size: 11px
}

<div id="footer">
    <p class="right">Copyright &copy; 2012 SiteName. All Rights Reserved.
         <span id="secondline">Powered By ScriptName<span>
   </p>
</div>​

#footer {
background:#25B5EA;
    width: 421px;
    height: 46px;
    font-family:Verdana, Geneva, sans-serif; 
}
#footer .right {
    color: #ffffff;
    margin: 0px auto;
    padding: 7px 0px 0px;
    width: 330px;
    font-size: 12px;
    float: right;
    line-height: 16px;
}
#footer #secondline {
 font-size: 11px;   
}