Blocage en retrait autour du flotteur

J'ai un blockquote qui circule autour d'une image flottante vers la gauche. Comment faire pour que le blockquote soit indenté 2em de la marge gauche de la page quand il est au-dessus ou au-dessous de l'image mais indenté 2em du côté droit de l'image flottante quand il est sur la même ligne que l'image? J'utilise HTML et CSS.Blocage en retrait autour du flotteur

Source

2010-08-03 ajd

img{ 
float:left; 
margin-right:1em; 
... 
} 

blockquote{ 
position:relative; 
left:1em; 
margin-left:1em; 
... 
}

Le texte normal est 0em à partir de la marge gauche de la page et 1em à droite de l'image. Blockquote est 2em à partir de la marge de gauche de la page et 2em à droite de l'image.

Source

2010-08-03 16:40:52 azram19

Ne marche pas autour du flotteur - il n'y a pas d'indentation à gauche quand c'est à côté d'un flotteur. – ajd

Vous avez raison, désolé de ne pas le vérifier plus tôt. Je l'ai réparé et ça marche pour moi maintenant. – azram19

Merci pour votre aide, mais cela indent à la fois le blockquote et le texte non-cité. Je veux que le blockquote soit à 2em à la droite de l'image, mais le texte non-blockquoted doit être 1em à la droite de l'image. – ajd

Bizarrement, display:table a travaillé pour moi.

Source

2013-09-06 15:13:56 BFWebAdmin

Répondre

Questions connexes