将元素放在2个文本元素的中间

Question

以下是代码段：http://dabblet.com/gist/8673746

我希望.sign位于右边.op1和.op2左边缘之间的中间，而不使用JavaScript。

此外，加号需要对齐。

选项是在text-align:left上设置.op1，但我宁愿让它正确对齐。

是否可以仅使用CSS？

Answer 1

也许使用position:absolute：

.sign
{
  position:absolute;
  left:50%;
  padding:10px;
}

选中此http://dabblet.com/gist/8674039

您可以使用另一件事来完成此操作，只需像这样填充top-bottom

http://dabblet.com/gist/8674139

Answer 2

像这样？

.container > * {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    width: 100px;
}