Позиция элемента в середине 2-х текстовых элементов

Я хочу позиционировать .sign в середине между правым краем .op1 и левым краем .op2 без использования JavaScript.

Кроме того, знаки плюса должны быть выровнены.

Опция заключается в том, чтобы установить text-align:left на .op1, но я предпочел бы, чтобы это было правильно выровнено.

Возможно ли использование только CSS?

2014-01-28 Francisc

Не ПОСС ible .. с css. Я даже сомневаюсь, можно ли использовать javascript. –

это вы пытаетесь сделать? http://dabblet.com/gist/8674064 –

Лучше добавить '0' к меньшим номерам цифр и попробовать .. –

нравится это?

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

2014-01-28 19:05:15

Я думаю, что OP захотел оставить' .op1' и '.op2' вправо, чтобы удалить текст -личный: центр; 'близок. –

или, как вы сказали, добавьте выравнивание текста влево для .op1 и выравнивания по центру для .sign –

, затем добавьте центр выравнивания текста только для .sign –

Может быть, с помощью position:absolute тоже:

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

Другая вещь, которую вы можете использовать, чтобы завершить это набор просто обивка top-bottom как этот

2014-01-28 19:07:20 DaniP

ответ