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

Question

[Ray S]

Когда в html вставляют 2 картинки

Они появляются одна по другой, и приходится вторую поднимать наверх и ровнять и т.д.
вот код для них в СSS:
.red {
position: relative;
display: block;
box-shadow: 0.4em 0.4em 5px rgba(122,122,122,0.5);
z-index: 1;
}

.white {
position: relative;
display: block;
box-shadow: 0 0 10px black;
z-index: 2;
}

Что нужно дописать чтобы они сразу выстроились по одной линии?

Comments

[Eugene Chefranov]

так вы ж задали им display: block потому и переносятся

Answer 1

[Максим]

вот именно что ни какого css не надо

Comments

[Ray S]

твое решение- это как будто ты долго пытался вспомнить слово, но забыл его и потом все-таки вспомнил ) спасибо)

Answer 2

[bQ1]

.red{
   float:left;
}

Или можно обернуть картинки в контейнер и выровнять флексами

Comments

[Ray S]

помогло, спасибо с: