@Andreii787

Как убрать отступ ?

Подскажите как убрать отступ.. И не могу опять откуда он взялся4192f18b850e45bb93c0efc0c48560e7.jpg
<div class="red"></div>
    <div class="top">
        <div class="blue"></div>
        <div class="gray"></div>
    </div>

.red{
    width: 600px;
    height: 40px;
    background-color: #880016;
    border:2px solid #DEDE45;
    margin: 0 auto; 
}

.blue{
    width:25%;
    height:100px;
    position:relative;
    top:70px;
    background-color: #00A3E8;
}
.gray{
    width: 120px;
    height: 200px;
    position:relative;
    top:20px;
    border:2px solid #C9C7B8;
    background-color: #EFE3AF;
}
body{
    background-color: green;
} 
.top {
    text-align:center;
}
.top > div {
    display:inline-block;
    vertical-align: top;
}
  • Вопрос задан
  • 2354 просмотра
Решения вопроса 1
maddog670
@maddog670
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
iiil
@iiil
Инженер и вэб-дизайнер, рисую.
Скорее всего от пробельного символа между элементами inline-block.
Если у Вас два дива имеют display:inline-block, то попробуйте в коде расположить их так:
<div>...</div><div>...</div>
или так
<div>...</div><!--
--><div>...</div>
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы