Je crée mon propre site Web et lorsque j'insère div dans un autre div, le saut de ligne. Comment résoudre ce problème?
<pre>
<div class="normal"><b>3</b> Ent Jous dit alors: « <div class="god">Que la loumin soiz!</div> » Ent la loumin fut</div></pre>
.subt {
font-size: 21.75px;
font-weight: bold;
font-style: italic;
}
.norm {
font-size: 19.5px;
word-wrap: break-word;
}
.god {
font-style: italic;
}
3 Réponses :
Vous devez définir display: inline-block; ou display: inline; pour votre classe .god.
<style> </style> <pre> <div class="normal"><b>3</b> Ent Jous dit alors: « <div class="god">Que la loumin soiz!</div> » Ent la loumin fut</div></pre>
p>
.subt {
font-size: 21.75px;
font-weight: bold;
font-style: italic;
}
.norm {
font-size: 19.5px;
word-wrap: break-word;
}
.god {
font-style: italic;
display:inline-block;
}
.god {
font-style: italic;
display:inline-block;
}
Ou en bloc en ligne, ouais! J'ai suggéré span, mais je pourrais utiliser n'importe quoi tant qu'il s'agit d'un bloc en ligne.
En effet, par défaut, l'élément div a un style display: block .
Ce que vous voudriez utiliser à la place, c'est un pour garder le flux de texte.
Vous pouvez utiliser span au lieu de div. Ou définissez le div sur display:inline
.normal > div {
display:inline;
}
Il y a une faute de frappe dans votre style, vous utilisez .norm au lieu de .normal
Les divs sont des éléments de niveau bloc. Utilisez
display: inlineoudisplay: inline-blockou utilisez un span ou un autre élément en ligne."Comment résoudre ce problème?" - idéalement, vous feriez vous-même des tutoriels pour débutants, afin que nous n'ayons pas à expliquer ces bases absolues ici, ce qui n'est pas le travail de ceci site pour commencer.