html - 两个按钮彼此相邻，中间有一个跨度

Question

我正在尝试获得两个 <button>并排放置，以便在它们之间有一个绝对定位的(？)标签。

请参阅 ASCII 艺术进行说明

_________Click_either_________
|___BTN1_____|O R|______BTN2__|

BTN 都需要有 width:50% ，所以 OR 标签需要绝对定位，据我所知，否则它不适合。
问题是我不知道如何在不定义高度和宽度的情况下使标签居中。我希望它缩小到其内容的大小。澄清一下，标签需要在垂直和水平方向上都居中。

没有为任何元素定义高度。

JSFiddle:http://jsfiddle.net/5awNx/1/

Answer 1

您可以使用 float 来定位按钮，并使用 position: absolute; 来定位提示。我还添加了一些更具语义的 html(实际上它并不是很好)。看看我为你创建的这个 fiddle :http://jsfiddle.net/m2X5f/

编辑:这是一个更新版本，也有一个垂直居中的提示(但只有固定高度):http://jsfiddle.net/m2X5f/2/