Как выравнивать изображения по горизонтали или по вертикали?

Question

Я знаю, что это было задано раньше - но это такая простая проблема - все ответы слишком продвинутые ... lol ....

Во всяком случае, я всегда зацикливаюсь на простейших вещах. Вот сделка: у меня есть два изображения друг над другом справа, а ниже двух изображений бок о бок.

Вертикальные изображения, расположенные с правой стороны, работают. Тем не менее, #tent и #twins imgs также вертикальны, и мне нужно, чтобы они были горизонтальными. Я попробовал свойство float, но они просто стек вертикально с одним слева и справа.

Снова ... это простая проблема, я знаю. Но я очень благодарен за помощь.

Это код, который я до сих пор:

#aboutUs h2{ 
font-size:36px; 
font-family:Arial, Helvetica, sans-serif; 
padding:0 0 0 0;} 

#aboutusPara{ 
position:absolute; 
float:left; 
width:30%; 
line-height:40px; 
font-family:Arial, Helvetica, sans-serif;} 

#karennorm{ 
width:50%; 
border-radius:100px; 
margin-left:50%; 
position:relative;} 


#wagon{ 
width:50%; 
margin-top:5%; 
margin-left:50%; 
border-radius:100px;} 

figcaption.aboutTop{ 
margin-top:.5em; 
margin-left:50%; 
text-align:center; 
font-size:12px; 
font-style:italic; 
width:50%;} 

#tent{ 
width:40%; 
border-radius:100px;} 

#twins{ 
width:40%; 
border-radius:100px;} 

section#aboutBottom{ 
padding:2em 0 0 0;} 


figcaption.aboutBottom1{ 
text-align:center; 
font-size:12px; 
font-style:italic; 
width:30%; 
padding:0 0 2em 0; 
margin-left:5%;} 

figcaption.aboutBottom2{ 
margin-left:5%; 
text-align:center; 
font-size:12px; 
font-style:italic; 
width:30%;} 

Answer 1

Обычно изображения должны укладывать горизонтально по умолчанию, но может быть в пределах вашего кода вы изменили что-то такое попробовать это для 2-х изображений, которые вы хотите быть рядом с Афоризм горизонтально.

дисплей: встроенный;

или

дисплей: встроенный блок;

Если вы хотите сохранить свойства модели коробки для изображений.