Css 如何将文本放在div html5的两侧

我一直在尝试在div的两侧放置一些文本，但我似乎不知道我做错了什么，因为无论我做什么，它都不会起作用

我想要实现的是：

下面是我尝试过的

I am <div>I will be adding a scale here</div> old
<div>I am</div> <div>I will be adding a scale here</div> <div>old</div>]

我是我将在这里添加一个刻度
我是，我将在这里添加一个刻度]

但它又回来了

我已经通过下面的代码达到了预期的效果，但是我只想使用div，而不是输入、标签和span

很好
坏的
0
1.
2.
3.

---

如果可能的话，我宁愿不使用任何css。非常感谢您的帮助。

您可以使用flexbox，只需进行最小的更改和css样式

这是你能做的

.container{
显示器：flex；
}

我是
我将在这里添加一个刻度
古老的

您可以使用flexbox，只需进行最小的更改和css样式

这是你能做的

.container{
显示器：flex；
}

我是
我将在这里添加一个刻度
古老的

您可以使用

，它是

的一种内联类型。但是如果您确实需要一个内联div，请为其创建一个类并将其分配给div：

CSS:

HTML:

您可以使用

，它是

的内联类型。但是如果您确实需要一个内联div，请为其创建一个类并将其分配给div：

CSS:

HTML:

---

实现这一点的最佳方法是将它们全部更改为span或使用css，并将div更改为使用css的

display:inline

。然后在每个div上设置一个

同时在父div上设置

text align:center

---

希望这对您有所帮助。最好的方法是在整个span中更改它们或使用css，并使用css将div更改为

display:inline

。然后在每个div上设置一个

同时在父div上设置

text align:center

---

希望这有助于

将一个div环绕在另一个div上，并给出内部div

显示：inline块

和外部div

：在

之前和：在之后，使用伪选择器在内部div的两侧显示文本，然后将其命名为day；-）

一小条

.line{
背景：线性渐变（向右，rgba（0,0,255,5），rgba（0,0,255,1），rgba（0,0,255,5））；
身高：100%；
宽度：60vw；
显示：内联块；
文本对齐：居中；
}
.盒子{
高度：12px；
填充顶部：10px；
}
.盒子：以前{
内容:"以前";；
垫底：10px；
}
.盒子：之后{
内容：“之后”；
垫底：10px；
}

---

将一个div环绕在另一个div上，给出内部div

显示：inline块

和外部div

：在

之前和：在之后，使用伪选择器在内部div的两侧显示文本，然后将其命名为day；-）

一小条

.line{
背景：线性渐变（向右，rgba（0,0,255,5），rgba（0,0,255,1），rgba（0,0,255,5））；
身高：100%；
宽度：60vw；
显示：内联块；
文本对齐：居中；
}
.盒子{
高度：12px；
填充顶部：10px；
}
.盒子：以前{
内容:"以前";；
垫底：10px；
}
.盒子：之后{
内容：“之后”；
垫底：10px；
}

如果不使用css，您可以只使用一个简单的表。但这被认为是不好的做法。为什么您不想使用css？“我宁愿不使用任何css”为什么不？这是因为

div

具有

display:block

。您需要使用一个

span

，它具有

display:inline块

。e、 g.

我是，我将在这里添加一个比例old

@j08691如果这是实现这一点的唯一方法，我不介意使用它，但我已经编写了很多CSS代码，我正在尽可能地减少它，因为我仍在学习web开发，我想看看对于遇到的任何人来说，只有HTML5可以做什么，不能做什么如果您想使用CSS，我强烈建议您理解bootstrap在这里提供的所有概念：如果不使用CSS，您可以只使用一个简单的表。但这被认为是不好的做法。为什么您不想使用css？“我宁愿不使用任何css”为什么不？这是因为

div

具有

display:block

。您需要使用一个

span

，它具有

display:inline块

。e、 g.

我是，我将在这里添加一个比例old

@j08691如果这是实现这一点的唯一方法，我不介意使用它，但我已经编写了很多CSS代码，我正在尽可能地减少它，因为我仍在学习web开发，我想看看对于遇到的任何人来说，只有HTML5可以做什么，不能做什么对于这一点，如果想使用CSS，我强烈建议您理解bootstrap在这里提供的所有概念：

.display-inline {display: inline;}

I am <div class="display-inline">I will be adding a scale here</div> old

.display-inline-block {display: inline-block;}