如何在html中左/右放置文本？_Html

如何在html中左/右放置文本？

html

如何在html中左/右放置文本？,html,Html,是否可以左右放置html文本我希望它将文本左右放在同一行上我的HTML代码： <!DOCTYPE html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>RPG Clicker</title&g

是否可以左右放置html文本

我希望它将文本左右放在同一行上

我的HTML代码：

    <!DOCTYPE html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>RPG Clicker</title>
        <link rel="stylesheet" type="text/css" href="interface.css" />
    </head>

    <body>
       <left>Level: <span id="level">1</span></left>
       <right>Gon level: <span id="gon">0</span></right>
    </body>
    </html>


RPG点击器
级别：1
级别：0

您可以使用：

一个表，一行两列，左对齐，右对齐
带有一行和两列的CSS网格系统：右对齐第二列（参见示例
放置在左对齐内容之前的带
```
浮点：右；文本对齐：右；
```
的div

您可以使用：

一个表，一行两列，左对齐，右对齐
带有一行和两列的CSS网格系统：右对齐第二列（参见示例
放置在左对齐内容之前的带
```
浮点：右；文本对齐：右；
```
的div

您可以使用：

一个表，一行两列，左对齐，右对齐
带有一行和两列的CSS网格系统：右对齐第二列（参见示例
放置在左对齐内容之前的带
```
浮点：右；文本对齐：右；
```
的div

您可以使用：

一个表，一行两列，左对齐，右对齐
带有一行和两列的CSS网格系统：右对齐第二列（参见示例
放置在左对齐内容之前的带
```
浮点：右；文本对齐：右；
```
的div

HTML

<div id="textbox">
  <p class="alignleft">Text on the left.</p>
  <p class="alignright">Text on the right.</p>
</div>

来源：

HTML

来源：

HTML

来源：

HTML

来源：

请尝试以下内容：

<span style="float:right">Right</span>
<span style="float:left">Left</span>

对
左边

尝试以下操作：

<span style="float:right">Right</span>
<span style="float:left">Left</span>

对
左边

尝试以下操作：

<span style="float:right">Right</span>
<span style="float:left">Left</span>

对
左边

尝试以下操作：

<span style="float:right">Right</span>
<span style="float:left">Left</span>

对
左边

尝试使用以下方法：

<left style="float:left">Level: <span id="level">1</span></left>
<center style="
    float: left;
    position: relative;
    left: 45%;
">Text</center>
    <right style="float:right">Gon level: <span id="gon">0</span></right>

级别：1
正文
级别：0

您可以从w3schools.com获得有关浮动和位置的更多信息，请尝试使用以下方法：

<left style="float:left">Level: <span id="level">1</span></left>
<center style="
    float: left;
    position: relative;
    left: 45%;
">Text</center>
    <right style="float:right">Gon level: <span id="gon">0</span></right>

级别：1
正文
级别：0

您可以从w3schools.com获得有关浮动和位置的更多信息，请尝试使用以下方法：

<left style="float:left">Level: <span id="level">1</span></left>
<center style="
    float: left;
    position: relative;
    left: 45%;
">Text</center>
    <right style="float:right">Gon level: <span id="gon">0</span></right>

级别：1
正文
级别：0

您可以从w3schools.com获得有关浮动和位置的更多信息，请尝试使用以下方法：

<left style="float:left">Level: <span id="level">1</span></left>
<center style="
    float: left;
    position: relative;
    left: 45%;
">Text</center>
    <right style="float:right">Gon level: <span id="gon">0</span></right>

级别：1
正文
级别：0

您可以从w3schools.com获得有关浮动和位置的更多信息，html中没有

或

标记。要实现您想要做的事情，您必须使用CSS

。左对齐{
浮动：左；
宽度：33%；
}
.居中对齐{
文本对齐：居中；
显示：内联块；
宽度：34%；
}
.右对齐{
浮动：对；
文本对齐：右对齐；
宽度：33%；
}


级别：1
正文
级别：0

html中没有

或

标记。要实现您想要做的事情，您必须使用CSS

。左对齐{
浮动：左；
宽度：33%；
}
.居中对齐{
文本对齐：居中；
显示：内联块；
宽度：34%；
}
.右对齐{
浮动：对；
文本对齐：右对齐；
宽度：33%；
}


级别：1
正文
级别：0

html中没有

或

标记。要实现您想要做的事情，您必须使用CSS

。左对齐{
浮动：左；
宽度：33%；
}
.居中对齐{
文本对齐：居中；
显示：内联块；
宽度：34%；
}
.右对齐{
浮动：对；
文本对齐：右对齐；
宽度：33%；
}


级别：1
正文
级别：0

html中没有

或

标记。要实现您想要做的事情，您必须使用CSS

。左对齐{
浮动：左；
宽度：33%；
}
.居中对齐{
文本对齐：居中；
显示：内联块；
宽度：34%；
}
.右对齐{
浮动：对；
文本对齐：右对齐；
宽度：33%；
}


级别：1
正文
级别：0

你熟悉CSS浮动吗？我不认为

或

HTML

或

HTML5

中存在任何

或标记，你可以使用显示：内联块
内联对齐它们。你熟悉CSS浮动吗？我不认为
或
标记存在于HTML
或HTML5
中，你可以使用display:inline block
内联对齐你熟悉CSS浮动吗？我不认为
或
标记存在于HTML
或HTML5
中，你可以使用display:inline block
内联对齐CSS浮动吗？我认为没有任何
或
标记在HTML
或HTML5
中，您可以使用display:inline block
内联对齐它们“Center”如何？因为我尝试过“float:Center”，但它不起作用。“Center”如何？因为我尝试过“float:Center”，但它不起作用。“Center”如何？因为我尝试过“float:Center”它不起作用。那“中心”呢？因为我试着做“浮动：中心”，但它不起作用。