css - 如何在两边添加边距并将段落中的文本居中？

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;
}

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