Faire de certains mots dans un div un style différent rend le paragraphe vraiment bizarre

Question

Je n'arrive pas à comprendre ce qui se passe. J'ai essayé spanning les éléments, j'ai essayé de faire le tout entouré par une étiquette <p>, j'ai essayé de faire l'objet inline-block, vous l'appelez. J'ai été coincé sur cela pendant quelques heures maintenant (oui, heures) et il m'embête. Enlever la classe que j'ai faite n'aide pas non plus.

Merci d'avance!

JSFiddle

#intro{ 
 
margin: auto; 
 
width: 60%; 
 
height: auto; 
 
text-align: center; 
 
margin-bottom: 100px; 
 
} 
 

 
h3{ 
 
font-family: 'Roboto Slab', serif; 
 
font-size: 25px; 
 
color: #20A6B2 
 
} 
 

 
.textNoBreak{ 
 
float: left; 
 
display: inline-block; 
 
margin: 0; 
 
}

<div id="intro"> 
 

 
<h2>Projekt "vidimo sE" je projekt Udruge za sindrom Down - Rijeka 21. 
 
Projekt je</h2> 
 

 
<h3 class="textNoBreak">senzibilizacije</h3> 
 

 
<h2> javnosti i</h2> 
 

 
<h3 class="textNoBreak"> inkluzije</h3> 
 

 

 
<h2>. Stoga, vidimo sE na igralištu i u školi...vidimo sE na fakultetu i na 
 
radnom mjestu! 
 
</h2> 
 

 
</div>

Answer 1

I figured it out. Je suppose que je vais le laisser ici au cas où quelqu'un le trouverait, ça pourrait aider, non? Donc, j'ai oublié que non seulement h3 casse une ligne, mais aussi h2. Ce qui a permis de résoudre les classes h3 et h2 est class="textNoBreak".

Rend le texte agréable et s'intègre bien. Retirez également float:left;.

Merci quand même!

Fixed