有没有办法在HTML中的一行内的不同特定位置放置多个内联元素？

Question

对不起,如果我的问题不清楚.我的意思是让我说我​​想把三个单词放在一行,但最左边一个,中间一个,最后一个最右边.除了在它们之间放置很多空间(这是一种不专业和有趣的方式),有没有办法指定位置？

我的第一个想法是:

<p>
     <span style="text-align: left">Left</span>
     <span style="text-align: center">Center</span>
     <span style="text-align: right">Right</span>
</p>

显然它不起作用.任何的想法？

Answer 1

你的意思是这样的？

.flex {
  display: flex;
  justify-content: space-between;
}

<p class="flex">
    <span>Left</span>
    <span>Center</span>
    <span>Right</span>
</p>