Как сделать текст «Номер и Обратную связь» с права?

Question

[HarryStein]

Comments

[Антон Плашкевич]

залейте код в песочницу что у вас получилось и скиньте, тогда и помогу

[HarryStein]

Я попробывал через паддинг, вот так получилось, можно ли как-нибудь без паддинга сделать?



.Irkutsk{
color:#446CC1;
font-size: 23px;
margin-left: 4px;
font-family: 'Open Sans', sans-serif;

}

.Reg_Vho{
color:#446CC1;
float: right;
font-size: 23px;
font-family: 'Open Sans', sans-serif;
margin-right: 8px;
}

.Gorod{
float:left;
width: 25px;
height: 25px;
margin-left: 10px;

}

.Shapka{
margin-top:-15px;
padding-top: 11px;
margin-left:-10px;
padding-bottom: 4px;
margin-right:-8px;
border-bottom: 1px solid #C0C0C1;
background-color: #F3F2F2;
}

.Logo{
padding-top: 13px;
padding-left: 300px;
}

.Shapka2{
background-color: #F3F2F2;
margin-left:-15px;
margin-right: -8px;
margin-top: 1px;
padding-bottom: 5px;
}

.Search-form{

margin-left: 30px;
width: 470px;
height: 31px;
padding-left: 20px;
padding-right: 20px;
outline: none;
border: none;
border-radius: 25px;

}
.button{
border: none;
background-color: transparent;
}

.Search{
position: absolute;
}

.Search1{
position: absolute;
padding-top: 36px;
}

.Search-form:hover{
box-shadow: 0px 0px 3px -1px #000000;
}

.Nomer{
color:#446CC1;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
position: absolute;
padding-left: 700px;
padding-top: 31px;
}

.Nomer1{
color:#446CC1;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
position: absolute;
padding-left: 666px;
padding-top: 51px;
}

.NetTovarov{
color:#446CC1;
font-size: 20px;
font-family: 'Open Sans', sans-serif;
position: absolute;
padding-left: 917px;
padding-top: 40px;
}

[Антон Плашкевич]

HarryStein, https://jsfiddle.net сюда код залейте

[HarryStein]

Антон Плашкевич, А как его туда залить? Я новичок просто)

[HarryStein]

Антон Плашкевич, https://jsfiddle.net/2cvzraL5/

Answer 1

[Ankhena]

https://jsfiddle.net/xbyrojfq/

Comments

[HarryStein]

Вставил туда код, дальше что жать?)

[Ankhena]

HarryStein, да надо просто использовать флексы из моего решения.
Если не получается, то выложить ссылку на песочницу со своим кодом.
(Там есть кнопки Run и Fork)

[HarryStein]

https://jsfiddle.net/2cvzraL5/

Но там какая-та хрень, по сравнению с моими скриншотами.

[Ankhena]

HarryStein,
https://jsfiddle.net/wk6Ljy4z/
отступы допишите

У поиска убрала абсолют, не ясно зачем он там.

Про флексы читайте, например, тут: https://html5book.ru/css3-flexbox/