Как лучше обойти лишние пробелы в верстке?

Question

[antpv]

Хочу писать так:

<div>
    <div class="col-6">COLUMN</div>
    <div class="col-6">COLUMN</div>
</div>

При таких стилях:

.col-6 {
    width: 50%;
    display: inline-block;
}

И получать адекватный результат, без лишних проблов.
Удалять пробелы? можно, но не читаемо.
Закомментировать? тоже можно, но не красиво.
Есть ли варианты лучше?

Comments

[Dmitry Bay]

Вы там не бутстрап изобретаете?

Вопрос не понятен, но если вы про написание, то текст должен быть читаемым. Потому что вместо COLUMN у вас может быть еще десяток вложенных блоков. Не будете же вы их в один ряд писать?

[iBird Rose]

ну например использовать flex вместо inline-block

Answer 1

[Dymok]

Делать сетку на inline-block - так себе идея. Если хочется использовать классы для разметки, можно посмотреть в сторону bootstrap 3 или 4.
Ну а такая проблема, если я правильно понял суть, решается заданием для контейнера font-size: 0, и заданием нужного font-size для элементов контейнера, пример

Answer 2

[Otrivin]

Контейнеру инлайн-блоков задать font-size: 0