Comment faire pour convertir un bloc de niveau élément inline via CSS

Disons que j'ai ce contenu:

<div class="entry">
<p>I want to display <br /><h2>heading level elements like this</h2>
<p> as inline elements on the same line with the text that preceded them as well as...</p>
<p>the text that<br />
<h3>(another heading element)</h3>
<p>, follows them...</p>
</p></p>
</div>

Et je veux l'en-tête apparaître des éléments inline dans le texte, comme si elles étaient simplement le texte en gras, de la même taille que le contenu.

Toutes les idées que CSS allait accomplir cela avec l'exemple ci-dessus, sans modifier le contenu?

  • d'abord, vous devez rechercher dans google & stackoverflow. Il est question de base
InformationsquelleAutor RegEdit | 2011-11-04
  1. 3

    Utiliser le display:inline propriété:

    .entry h2,  /* Combining two selectors: h2/h3 as a child of class=entry */
.entry h3 {
    display: inline;
}

    Voir aussi: MDN, CSS display

    InformationsquelleAutor Rob W
  2. 2

    Vous pouvez utiliser display: inline ou display: inline-block. Utiliser ce dernier, si vous souhaitez définir la largeur ou la hauteur de l'élément. inline-block se comporte comme un block élément, sauf qu'il rend à la ligne.

    .entry h2, .entry h3 {
    display: inline;
}
    • <img> est un exemple de quelque chose qui est display: inline-block par défaut. (C'est probablement pas ce que vous voulez pour le texte.)
    InformationsquelleAutor Vivin Paliath
  3. 0

    Vous pouvez faire quelque chose comme ça : 

     h3{display:inline; }

    Ou vous pouvez mettre un span à la place et lui donner le même style que H3

    <div class="entry">
<p>I want to display <br /><h2>heading level elements like this</h2>
<p> as inline elements on the same line with the text that preceded them as well as...</p>
<p>the text that<br />
<span class="h3Like">(another heading element)</span>
<p>, follows them...</p>
</p></p>
</div>

    Et ajouter le css comme ceci

    .h3Like{font-size:15px;font-weight:bold}
    InformationsquelleAutor GregM