Mail.ruПочтаМой МирОдноклассникиВКонтактеИгрыЗнакомстваНовостиКалендарьОблакоЗаметкиВсе проекты

Как сделать что бы 2 блока div были в обну линию, тоесть без table

Артём Муниров Ученик (146), на голосовании 1 месяц назад
на примере такого:

Голосование за лучший ответ
TheWolfram Мастер (1476) 2 месяца назад
Копай в сторону Flexbox или Grid
Дмитрий Чижук Мыслитель (7130) 2 месяца назад
Вы можете использовать CSS для расположения двух блоков `div` на одной линии без использования таблицы. Существует несколько способов сделать это. Вот один из них с использованием CSS свойства `display: inline-block;`:

HTML:
```html
<div class="container">
<div class="block"></div>
<div class="block"></div>
</div>
```

CSS:
```css
.container {
font-size: 0; /* Используется для устранения пробелов между блоками */
}

.block {
width: 50%; /* Ширина каждого блока (может быть адаптирована по вашему усмотрению) */
height: 100px; /* Высота блока (может быть адаптирована по вашему усмотрению) */
display: inline-block; /* Устанавливаем блоки в ряд */
background-color: #ccc; /* Цвет фона блоков (может быть изменен) */
}
```

Этот код создаст два блока `div` на одной линии внутри родительского контейнера. Обратите внимание, что свойство `font-size: 0;` для контейнера используется для устранения пробелов между блоками, поскольку блоки `div` воспринимаются браузером как строчные элементы, и могут появиться небольшие пробелы из-за разрывов строк в HTML коде.
Резидент КазахстанаОракул (68302) 2 месяца назад
div строчный элемент ?
Дмитрий ЧижукМыслитель (7130) 2 месяца назад
Да а что?
Резидент Казахстана Оракул (68302) Дмитрий Чижук, Больше ни кому так не говори
Dlazder Мудрец (11614) 2 месяца назад
Ну раз ты открыл девтулзы, может кликнешь на родительский контейнер и посмотришь на его стили? Увидишь, что там применяется flex или grid
Похожие вопросы