如何让span标签里的元素不换行显示？

lbhl · 发表于 2020-2-15 23:19:15

今天做词库碰到一个奇怪的问题。大概是这么个样子的词库的词头，为简化列出仅一个例句：
<link href="test_style.css" rel="stylesheet" type="text/css"><div class="exg"><div class="ex"> <em>we found that all the seats were taken</em></div></div><span class="chnexample">我们发现所有的位置都被占了。</span>
默认中文例句翻译会另起一行，现在想让它与英文例句同一行紧接英文例句后面显示不要换行。
于是在test_style.css里写了：
div.exg {
display: inline;
} span.chnexample {
display: inline;
}
令人意外的是死活它还是要换行，就是不挪到前一行里去显示。

可能我CSS没学好，有高人指点一下？