Question

Хочу выделить область в цветную рамку с заливкой фона, 

Все как бы работает, но почему весь текст внутри ставится по центру!

Если я меняю тег button, на что-то другое, то у меня просто обрывки каке-то.

<style> button { border: 2px solid #e34761; /* Параметры рамки */ background: #f3dbdf; /* Цвет фона */ font-size: 14px; /* Размер текста */ padding: 5px 20px; /* Поля вокруг текста */ } </style>

 

<button>Кнопка</button>

 

Answer 1

нужно давать ссылку на страницу где есть этот проблемный текст, а не кусочки понравившегося вам кода

Comments

В разделе ТЕСТ  http://gamemastera.ucoz.net/load/gta_5/transport/2003_porsche_carrera_gt_980/34-1-0-50#

---

я не вижу как гость текста по-середине. отсюда и далее обращайтесь за правками рипа к тем, кто его создал

Answer 2

Добавьте в общих стилях CSS к тегу ds свойство display: block;

В результате, должно выйти так:

ds {
    border: 2px solid #e34761;
    background: #f3dbdf;
    font-size: 14px;
    display: block;
    padding: 5px 20px;
}

И еще, не используй тег button для текстового блока. Этот тег используется исключительно для кнопок.

Можешь взять текст в тег div и добавить ему класс со стилями, которые ты хочешь, например, создаешь с классом txt-block:

<div class="txt-block">ТУТ ТВОЙ ТЕКСТ</div>

А в стилях пишешь:

.txt-block {
    border: 2px solid #e34761;
    background: #f3dbdf;
    font-size: 14px;
    display: block;
    padding: 5px 20px;
    text-align: justify;
}

Свойство text-align:justify растянет текст по ширине блока. Если ты хочешь, чтобы текст был слева, тогда менять на свойство text-align:left