Html 两个按钮紧挨着，中间有一个跨距

我试着让两个s并排，这样在它们之间就有一个绝对定位的标签

有关说明，请参见ASCII艺术

_________单击任意一个_________ |___BTN1 uuuuuuuuu124; O R | uuuuuuuuuuuuuu2__|

BTN都需要有宽度：50%，所以OR标签需要绝对定位，就我所知，否则它将不适合。 问题是，如果不定义标签的高度和宽度，我不知道如何将标签居中。我希望它缩小到内容的大小。为了澄清，标签需要垂直和水平居中

任何图元都没有定义的高度

jsiddle:

您可以使用float来定位按钮和position:absolute；定位提示。我还添加了一些语义更多的html，实际上它不是很好。看看我为你创作的小提琴：

---

编辑：这是一个更新版本，带有垂直居中的提示，但只有固定高度：

我想你的意思是这样的：

---

这是使用CSS3对JSFIDLE的更新：

---

创建一个JSFIDLE.net，其中包含您迄今为止尝试过的内容。请考虑使用flexbox。哪一个是ASCII艺术中的跨度文本？单击或？您的小提琴不会垂直居中标签。看啊。不知道，它也应该垂直居中。@Lubrikitten I添加了一个新版本。谢谢。这个网站完全是流动的，这意味着我不能有px的尺寸。而%的高度不起作用，因为正如我所说，没有一个元素定义了高度。TXT必须位于按钮的顶部，而不是按钮的旁边。

<table>
    <tr>
        <td id="b1"><button>Left Button</button></td>
        <td id="txt">Hello</td>
        <td id="b2"><button>Right Button</button></td>
    </tr>
</table>

#label
{
    width:100%;
    position: absolute;
    text-align:center;
    top:50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);

}