Как разместить два блока на одной строке?

Question

[SerezhaWEB]

Подскажите, как правильно разместить два блока, которые обведены красной рамкой? (без использования фреймворков)

Comments

[Ibishka]

.container{
display: flex;
margin: 0 auto;
}
.firstblock{
width: .... ;
margin-right: .... ;
}

Answer 1

[Andrew]

https://codepen.io/kickerock-the-decoder/pen/WPeMqN

Comments

[fsociety_one]

При таком способе второй блок "Примерно по центру", лучше сделать так:

[Andrew]

fsociety_one, я накидал принцип, ширину, автор вопроса, выставит как захочет.

[fsociety_one]

Andrew, Ок

[Ankhena]

Andrew, при неизвестной ширине не прокатит

[Andrew]

Ankhena, ну так там же ширина контейнера у человека и процентаж до центра. относительно выставлять не вижу смысла

Answer 2

[DanKud]

Если без флексов, то можно так - https://codepen.io/anon/pen/mvbxZJ