Как расположить div'ы с право налево?

Question

[SkiF EDC]

.bottommenu{
	width: 100%;
	position:  fixed;
	background-image: url(../img/menu_fon.jpg);
	height: 61px;
	margin-left: 90px;
	left: 0;bottom: 0;
}

.botmenuitem1{ 

	background-image: url(../img/mail.jpg);
	height: 60px;
	width: 62px;
}

<div class="bottommenu">
		<a href="">
			<div class="botmenuitem1"></div>
		</a>
</div>

надо
а получилось

Comments

[SkiF EDC]

https://jsfiddle.net/Laoa232x/

Answer 1

[eldar_web]

Вот решение: https://jsfiddle.net/Laoa232x/2/
Я конечно чуть поменял код, а точнее убрал лишнее, и в стили добавил две строки мощи flex.

Comments

[SkiF EDC]

https://jsfiddle.net/Laoa232x/ нужно этот квадрат пригвоздить к правому краю, но их будет много.

[Максим]

Илья Иорин, для родителя задать text-align:right; а блоки display:inline-block; width:; height:;

Answer 2

[Максим]

https://codepen.io/MaximLensky/pen/XeBPRv?editors=1100 там два варианта .. flex и inline-block