test

by hisbvdis

HTML

<div class="flex-container">
        <div class="item">Flex</div>
        <div class="item">Flex</div>
        <div class="item">Flex</div>
        <div class="item">Flex</div>
    </div>
    <div class="inline-container">
        <div class="item">InlineBlock</div>
        <div class="item">InlineBlock</div>
        <div class="item">InlineBlock</div>
        <div class="item">InlineBlock</div>
    </div>

CSS

flex-container {
    display: flex;
}

.inline-container .item {
    display: inline-block;
}

/* Другое */

.flex-container,
.inline-container {
    padding: 20px;
}

.item {
    margin-right: 10px;
}