html - 向纯 html 文本添加填充

Question

我的网站上有一个小部件，它生成的内容如下所示:

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

我想给标题文本填充和 <p>填充

我已经试过了:

.wrapper > * {padding:15px;}

但这不适用于纯文本。是否有某种纯文本选择器？

我还创建了一个 fiddle 来可视化它。

http://jsfiddle.net/62v59s3j/

Answer 1

如果我理解正确，认为你应该对你的包装应用填充，并从 <p> 中删除左右填充

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

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

jsFiddle