Ajout d'un rembourrage au texte HTML brut

Question

J'ai un widget sur mon site qui génère du contenu qui ressemble à ceci:

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

Je veux donner le rembourrage texte de titre et le <p> rembourrage

J'ai déjà essayé ceci:

.wrapper > * {padding:15px;} 

Mais cela ne s'applique pas au texte brut. Y at-il une sorte de sélecteur pour le texte brut? J'ai également créé un violon pour le visualiser.

http://jsfiddle.net/62v59s3j/

Answer 1

Si je comprends bien, pense que vous devriez appliquer un rembourrage à votre emballage et retirez le rembourrage gauche et à droite de la <p>

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

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

jsFiddle

Answer 2

n °

Avec quelques exceptions très limitées (comme :first-letter), CSS ne vous permet de sélectionner des éléments .

Si vous voulez qu'un bloc ait un titre, il doit probablement s'agir d'un en-tête (<h1> et autres), ce qui vous donnerait un élément à sélectionner. Pour cette question, le bloc peut être mieux représenté comme <section> plutôt que comme <div>.

Answer 3

Laissez votre vous aider navigateur Web dans le développement.

Faites un clic droit sur l'élément et sélectionnez inspecter élément dans le menu contextuel

Dans le code source, sur l'élément et dans le menu contextuel, sélectionnez sélecteur de copier, coller dans votre css