У меня есть jsfiddle здесь - http://jsfiddle.net/w2tbefap/ответно центр два элемента на одном уровне
Это простая проблема CSS.
У меня есть два отдельных элемента (здесь есть div).
Эти два элемента имеют разную ширину.
Мне нужно оперативно центрировать элементы рядом друг с другом, чтобы он располагался как в нижнем примере. Нижним примером является только центрированное изображение.
.block-1{
border: 1px solid red;
height: 100px;
}
.content{
border: 1px solid green;
position: relative;
}
.block-1-1{
background: blue;
width: 100px;
height: 50px;
//float: left;
position: absolute;
right: 50%;
margin-right: 20px;
}
.block-1-2{
background: yellow;
width: 300px;
height: 50px;
//float: right;
position: absolute;
left: 50%;
//right: 0;
}
.block-2{
border: 1px solid red;
height: 100px;
}
.content-2{
text-align: center;
}
Мы имеем точно такое же решение! :-) –
@ Тип-Стиль - Не совсем. Мой работает, ваш не делает. Http: //jsfiddle.net/j08691/c3mqrxmx/ – j08691