1
« i » tag dans « p » va en texte et non affecté par la marge
Au-dessus, l'icône de gauche n'est pas affectée par mon tag p
mais le droit est.
p {
font-family: Montserrat;
height: 100%;
width: 60%;
background: #e6e6e6;
color: #505050;
font-size: 1.3em;
display: flex;
justify-content: space-around;
align-items: center;
flex-direction: column;
i:nth-child(1) {
position: absolute;
font-size: 0.5em;
margin-top: 2em;
margin-right: 1em;
}
i:nth-child(2) {
position: absolute;
font-size: 0.5em;
margin-bottom: 1em;
margin-left: 1em;
}
}
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
<p>
<span>%%%</span>
<span>%%%</span>
<span>%%%</span>
<span>
<i class="fa fa-quote-left fa-1x" aria-hidden="true "></i>
Fondateur du studio
<i class="fa fa-quote-right" aria-hidden="true"></i>
</span>
</p>
Alors, quel est le comportement attendu? – mplungjan
L'icône de gauche doit être décalée de 1em par la droite et le haut – Yazrihm
Le droit et le haut de quoi? S'il vous plait, soyez précis dans le comportement que vous attendez. –