如何集中两个图像并在它们之间添加一些文本[关闭]

Question

关闭。此问题需要debugging details。它当前不接受答案。

---

是否要改善此问题？ Update the question，因此堆栈溢出为on-topic。

关闭13天前。

我是一个初学者。我有两个图像，我很累于将它们居中并在它们之间添加文本，但是似乎没有任何作用。我尝试使用“行内块”和“位置：绝对”。This image might help you to understand what i am trying to do

Answer 1

一种方法是使用flexbox：

.container {
  display:flex;
  align-items:center;
}
.container span {
  padding: 10px;
}

<div class="container">
  <img src="https://via.placeholder.com/150"/>
  <span>Some text</span>
  <img src="https://via.placeholder.com/150"/>
</div>