如何将单词保持在单行上

Question

如何将这两个单词保持在一行：

<div align=right>hai</div> 
<div align=center>hello</div>

我已经尝试过，但我没有得到任何令人满意的预览。

Answer 1

Divs默认是块元素，因此它们将出现在单独的行中。

您可以通过css：display：inline

将它们设置为内联

或使用内联元素，如

或

<span align=right>hai</span> 
<span align=center>hello</span>

Answer 2

如果您只想要DIV标记

只需使用带有DIV标记的display:inline-block。

div {
    display: inline-block;
}

<div align=right>hai</div> 
<div align=center>hello</div>

更新

您甚至可以使用以下style属性：

<div style="display:inline-block">hai</div>    
<div style="display:inline-block">hello</div>

但是，这不是一个好习惯......

Answer 3

我不确定我是否理解你的问题，但无论如何我都会尝试回答。

假设你有一个单词：

<p>word1 word2</p>

并且你希望这两个单词在任何分辨率下都显示在彼此旁边。

用 （HTML中不间断空格的代码）替换这2个单词之间的空格，它将显示为单个实体：

<p>word1&nbsp;word2</p>