рони,
Сообщение от рони
|
Пожалуйста, отформатируйте свой код!
|
Вот, если так удобнее. В div "information" я стили не убирал, они там большой роли не играют
#div_outside{
display: table;
width: 100%;
}
#div1{
float: left;
height: 100px;
background: #EA344D;
font-size: 24px;
color: #FFF;
font-family: PFBeauSansPro-Regular;
text-align:center;
}
#div_text{
padding:20px;
}
#figure_div_1{
float: left;
border: 50px solid transparent;
border-left: 50px solid #EA344D;
border-top: 50px solid #EA344D;
width:0;
height:0;
}
#information{
float: left;
text-align:center;
}
#posl{
float: right;
width: 100px;
height: 100px;
background: #EA344D;
#figure_div_2{
float: right;
border: 50px solid transparent;
border-right: 50px solid #EA344D;
border-bottom: 50px solid #EA344D;
width:0;
height:0;
}
<div id="div_outside">
<div id="div1">
<div id="div_text">
Воспользуйтесь<br>сейчас
</div>
</div>
<div id="figure_div_1">
</div>
<div id = "infiormation">
<div style="padding:20px;">
<p>Консультации по телефону</p>
<span style="font-size: 22px; top: 6px; margin-right: 5px; font-family: PFBeauSansPro-Light; color: #5B5B5B;"> (0000)</span>
<span style="font-size: 30px; font-family: PFBeauSansPro-Light; color: #5B5B5B;">000-000</span><br />
<a href="" style="border-bottom: 1px dashed #000; color: #5B5B5B;">заказать звонок</a>
</div>
</div>
<!--Тут блоки див я поменял местами, что бы был отступ по правому краю-->
<div id="posl">
</div>
<div id="figure_div_2">
</div>
</div>