html怎么让文字在同一行

要在HTML中将文字放在同一行，可以使用display: inline;或者display: inline-block;属性来实现。下面是两种常见的方法：

方法一：使用 display: inline;

<style>
    .container span {
        display: inline;
    }
</style>

<div class="container">
    <span>Text 1</span>
    <span>Text 2</span>
    <span>Text 3</span>
</div>

在上述示例中，每个文本都被包裹在一个 <span> 元素内，并通过设置 display: inline; 实现在同一行显示。<span> 是一个内联元素，不会自动换行。

方法二：使用 display: inline-block;

<style>
    .container div {
        display: inline-block;
    }
</style>

<div class="container">
    <div>Text 1</div>
    <div>Text 2</div>
    <div>Text 3</div>
</div>

在上述示例中，每个文本都被包裹在一个 <div> 元素内，并通过设置 display: inline-block; 实现在同一行显示。<div> 是一个块级元素，但通过设置 display: inline-block; 可以使其在同一行显示。

这两种方法都可以实现在HTML中将文字放在同一行的效果。您可以根据具体情况选择适合的方法，并根据需要进行样式调整。