如何在两边添加边距并将文本置于段落中心？

Question

http://img.cmsszablony.pl/images/2014/02/12/paragraphs_helps.png - 图片帮助

如何在左侧和中间文本左右添加边距与右侧文本一致？请回答我的问题。

这是我的代码HTML：

<div class="row1 gensmall wrap">        
<p class="alignleft">{TOTAL_USERS_ONLINE}<br />{TOTAL_USERS}{TOTAL_FEMALE}{TOTAL_MALE}{COUNTER}</p> 
<p class="alignright">{POSTED_TODAY}<br />{USERS_OF_THE_DAY_LIST} {USERS_OF_THE_DAY_COUNT}</p>
</div>

和CSS：

.wrap {
display: table;
width:100%;
}
.alignleft {
    float: left;
}
.alignright {
    float: right;
    text-align:right;
}

请帮助我。

Answer 1

我不确定这是不是你想要的。

Sample

只需在 CSS

中添加此内容即可

p{
    margin:10px;
}

注意：如果文本中断，只需调整窗口大小。

Answer 2

听起来更容易为容器添加填充：

.row1 { padding: 0 20px }

就对齐文本而言，我不确定你需要什么。