Как сделать так, чтобы кирпичный кирпич всегда был в следующем столбце? ⇐ CSS

[Anonymous]

Можно ли как-нибудь сделать так, чтобы третий кирпичик всегда находился в следующем столбце, если для него достаточно места?

< div class="snippet-code">

Код: Выделить всё

.intro h3 a {
font-weight: 400;
}

/* Masonry grid */
.masonry {
transition: all .5s ease-in-out;
column-gap: 30px;
column-fill: initial;
}

/* Masonry item */
.masonry .brick {
margin-bottom: 30px;
display: inline-block;  /*Fix the misalignment of items */
vertical-align: top; /* Keep the item on the very top */
border: 1px solid black;
}

/* Masonry image effects */

/* Bordered masonry */
.masonry.bordered {
column-rule: 1px solid #eee;
column-gap: 50px;
}

.masonry.bordered .brick {
padding-bottom: 25px;
margin-bottom: 25px;

}

/* Gutterless masonry */
.masonry.gutterless {
column-gap: 0;
}

.masonry.gutterless .brick {
margin-bottom: 0;
}

/* Masonry on tablets */

/* Masonry on big screens */
@media only screen and (min-width: 400px) {
.desc {
font-size: 1.25em;
}

.intro {
letter-spacing: 1px;
}

.masonry {
column-count: 3;

}
}

.masonry {

text-align: justify;

}

.container {
text-align: justify;

}

Код: Выделить всё

1. TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT

2. TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT

3. TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT

4. TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT

Подробнее здесь: https://stackoverflow.com/questions/786 ... ext-column