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