web-dev-qa-db-fra.com

Pas de nouvelle ligne après div?

Existe-t-il un moyen de ne pas insérer de nouvelle ligne avant un div sans utiliser float: left sur l'élément précédent?

Peut-être une balise sur le div qui le mettra juste à droite?

htmlcss-floatnewline
49
Oliver

Il n'y a pas nouvelle ligne, juste le div est un élément de bloc.

Vous pouvez rendre le div inline en ajoutant display: inline, ce qui peut être ce que vous voulez.

77
alex

Avez-vous envisagé d'utiliser span au lieu de div? Il s'agit de la version en ligne de div.

28
Matthew Sant
<div style="display: inline">Is this what you meant?</div>
17
jerluc

Citant M. Initial Man de ici :

Au lieu de cela:

<div id="Top" class="info"></div><a href="#" class="a_info"></a>

Utilisez ceci:

<span id="Top" class="info"></span><a href="#" class="a_info"></a>

Vous pouvez également utiliser ceci:

<div id="Top" class="info"><a href="#" class="a_info"></a></div>

Et gostbustaz :

Si vous devez absolument utiliser un <div>, vous pouvez définir

div {
    display: inline;
}

dans votre feuille de style.

Bien sûr, cela fait essentiellement le <div> une <span>.

7
Mateen Ulhaq
div.noWrap {
    display: inline;
    }
0
Andrew

Cela fonctionne comme par magie, utilisez-le dans le fichier CSS sur le div que vous souhaitez avoir sur la nouvelle ligne:

.div_class {
    clear: left;
}

Ou déclarez-le en html:

<div style="clear: left">
     <!-- Content... -->
</div>
0
Jonas