comment justifier un texte avec des citations?

Question

Je veux pour justifier le texte des citations à être comme suit:

‘‘ text text text text text text text text text text text text text text 

    text text text text text text text text text text text text text text 

    text text text text text text text text text text text text ” 

avis que toutes les lignes sont justifiées au même niveau des citations supérieures, aussi les citations doivent avoir une couleur différente et la taille que le texte , alors comment je peux le faire avec html & css?

Answer 1

Si vous souhaitez que les guillemets soient différents du reste du texte, il est préférable de les marquer séparément. Mieux encore si vous le faites avec ::before et ::after à la place, et contiennent le texte dans un .

Si vous faites cela avec le contenu généré, et vous ne flottent pas ou positionner les ::before et ::after pseudo-éléments, haussez le texte en utilisant un text-indent négatif du montant nécessaire pour compenser les citations d'ouverture du reste du texte et ajoutez un remplissage à gauche pour compenser l'écart. Comment implémenter cela en HTML et CSS dépend précisément de ce que vous avez actuellement, mais vous pouvez facilement accomplir cela avec un simple et tout le reste en CSS.

Answer 2

vous pouvez faire quelque chose comme ça avec des pseudo-éléments avant et après.

<blockquote> 
     You know the golden rule, don’t you boy? Those who have the gold make the rules. 
     You know the golden rule, don’t you boy? Those who have the gold make the rules. 
    </blockquote> 


blockquote { 
    text-align:justify; 
    padding:10px;  
} 

blockquote:before { 
    position:absolute; 
    margin-left:-10px; 
    content: open-quote; 
    quotes: "\201C" "\201D" "\2018" "\2019"; 
} 
blockquote:after { 
    position:absolute; 
    content: close-quote; 
    quotes: "\201C" "\201D" "\2018" "\2019"; 
}