Как добавить поля с обеих сторон и центрировать текст в абзаце?

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

Пожалуйста, помогите мне, спасибо.

Источник

2 ответа

Решение

Я не уверен, что это то, что вы хотите.

Образец

просто добавьте это в свой CSS

p{
    margin:10px;
}

Примечание: просто измените размер окна, если текст обрывается.

Источник

Похоже, было бы проще добавить отступы в контейнер:

.row1 { padding: 0 20px }

Что касается выравнивания текста, я не уверен, что вам нужно.

Источник
Другие вопросы по тегам