html - 使div中的某些单词具有不同的样式会使该段落的开头变得很奇怪

我不知道是什么导致了这种情况。我尝试了spanning元素，尝试使整个内容都被<p>标记包围，尝试将对象inline-block命名为您。我已经坚持了几个小时（是的，几个小时），这困扰着我。取消我的课程也无济于事。

提前致谢！

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>

最佳答案

我想到了。我想如果有人找到它，我会把它留在这里，这可能会有所帮助，对吧？

因此，我忘记了，不仅h3中断换行，h2也会中断。

解决该问题的方法是将h3和h2的类都设置为class="textNoBreak"，并为CSS中的样式添加display:inline;属性。

使所有文字都很好并且很合适。同时删除float:left;。

不管怎么说，多谢拉！

Fixed

关于html - 使div中的某些单词具有不同的样式会使该段落的开头变得很奇怪，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/45008460/