Добавление отступов в обычный HTML текст

Question

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

<div class="wrapper"> 
    some title 
    <p>some content</p> 
</div> 

Я хочу дать название текста отступы и <p> отступы

Я уже пробовал это:

.wrapper > * {padding:15px;} 

Но это не распространяется на обычный текст. Есть ли какой-то селектор для простого текста?

Я также создал скрипку, чтобы визуализировать ее.

http://jsfiddle.net/62v59s3j/

Answer 1

Если я правильно понял, то думает, что вы должны применять отступы для вашей оболочки, и удалить левые и правые отступы от <p>

.wrapper > p { 
    padding:15px 0px; 
} 

.wrapper { 
    border:1px solid #ddd; 
    padding:15px; 
} 

jsFiddle

Answer 2

No.

С парой очень ограниченных исключений (например, :first-letter), CSS позволяет только выбрать элементы.

Если вы хотите, чтобы блок имел заголовок, то он, вероятно, должен быть заголовком (<h1> и др.), И это даст вам элемент для выбора. В этом отношении блок может быть лучше представлен как <section>, а не <div>.

Answer 3

Пусть ваш веб-браузер поможет вам в разработке.

правой кнопкой мыши на элементе и выберите инспектировать элемент из контекстного меню

В исходном коде, прямо на элементе и из контекстного меню выбора выберите Копировать, Вставить в вашем CSS