Html 图片格式旁边的标题文本

这是我的密码：

<div class="contact">
<p class="size25">TOP 1% Realtors</p>

<p class="size16">32 years in real estate</p>

<p class="size16">Closed one home every 10 days in 2011 - 2012</p>

<p class="size16">Specializing in the 24/680 Corridor</p>

<p class="size16"><a href="mailto:example@aol.com">example@aol.com</a></p>

<p class="size25 phone">(510) 555.5555</p>
</div>

图片：

---

我希望右边的文本向右对齐，并且每个都在自己的行上。正如你现在看到的，电子邮件不是。这也是我第一次使用twitter引导，所以如果有什么可以帮助我的，请告诉我

将

清除：两个
都添加到
中。联系p
。
clear
属性删除与浮动元素一致的其他元素

演示：（出于可见性原因，我删除了div页边距）

.contact p{
    float:right;
}
.contact{
    color: #fff;
    display: block;
    width: 421px;
    height: 114px;
    position: absolute;
    margin-top: -96px;
    margin-left: 519px;
    font-family: 'Marcellus', serif;
    font-weight:300;
    line-height: 12px;
}
.contact a:link {
    text-decoration:none;
    color: #AC872F;
}
.phone{color: #AC872F}
.size25{font-size:25px}
.size16{font-size:16px}
.size14{font-size:14px}
.size11{font-size:11px}
.size10{font-size:10px}