Нужно помощь в отцентрировании cont2
относительно cont1
. Когда длина cont1
больше, чем cont2
, то все отлично. Но если cont1
поставить длину 100px
, то cont2
уже будет не по центру относительно cont1
, а от края.
Вот что я хочу получить:
.cont1 {
width: 400px;
height: 200px;
background: red;
overflow: hidden;
}
.cont2 {
width: 200px;
height: 200px;
background: blue;
color: white;
margin: 0 auto;
}
<div class="cont1">
<div class="cont2">Test</div>
</div>
cont2
длиннее, чемcont1
, то краяcont2
должны выходить за границыcont1
.