28172 sujets

CSS et mise en forme, CSS3

Bonjour,
Mon souci est certainement basique mais je n'ai pas réussi à y trouver de solution.
J'ai fait un saut de ligne d'une div
Pour cela dans le CSS de ma div, j'ai mis un padding-top. Le saut de ligne se fait très bien pas de souci. Mon souci c'est que lorsque le contenu de la div précédente est trop important, je perds le saut de ligne.
Y-a t-il une option pour y remédier ?
Merci
Il n y a rien de particulier dans le code.
Je fais un site à partir des données d'une API
Sur une de mes pages j'ai 2 div dont voici le squelette.


echo '<div class="div1">';
echo '<span class="details">Titre de ma Div1</span> :<br/><br/>';
Ici mon code API 1
 echo '</div>'; 

echo '<div class="div2">'; 
echo '<span class="details">Titre de ma Div2</span> :<br/><br/>';
Ici le code de mon API 2 
 echo '</div>'; 


Le "Titre de ma Div2 se met sur la même ligne que le dernier élément du contenu de ma div1 -(alors que je veux faire un saut de ligne). Donc dans mon CSS j'ai mis un
padding-top:20%; 
pour faire ce saut de ligne.
Mon problème c'est que le contenu de la div1 fluctue suivant la recherche des utilisateurs. Quand le contenu de la div1 est important, le titre de la div2 se remet sur la même ligne que la fin du contenu de la div1. J'aimerai que le titre de la div2 fasse un saut de ligne quelque soit la longueur du contenu de la div1.

Après le contenu des div n'est que du script PHP affichant le contenu de mon API et il fonctionne parfaitement