添加填充到普通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

号

与一对夫妇非常有限的例外（如:first-letter）的，CSS只允许您选择元素。

如果你想要一个块有一个标题，那么它可能应该是一个标题（<h1>等），这将给你一个元素来选择。就此而言，该区块可以更好地表示为<section>而不是<div>。

Answer 3

应用填充到您的包装，并取下左右填充让你的网页浏览器，你在开发的帮助。

右击元素，然后从上下文菜单中

在源代码检查元素，右侧的元素，然后从上下文菜单中选择副本选择，贴在你的CSS