Код:
<!--HTML-->
<div id="vmar">
<p class="vvmar">ФОТОМАРАФОН</p>
<br>
<div id="vvvm">
<!-- новость -->
<p class="etomar">Самое время оживить свои социальные сети! За участие в марафоне можно получить дополнительные денежные средства, подробности в банке.</p>
</div></div>
<style>
#vmar
{ width: 600px;
background: #f3f3f3;
padding-bottom: 10px;
height: 200px;
margin-left: 10px;
border: 3px solid #da8155;
color: #4a4a4a;
}
.vvmar {background: #da8155;
font-family: Roboto Condensed;
text-align: center;
font-size: 20px;
height: 28px;
text-transform: uppercase;
color: #f3f3f3;
border-top: solid #da8155 15px;
width: 605px;
margin-left: -2px!important;
}
#vvvm {width: 450px;
height: auto;
background: #ebc0a299;
outline: 2px solid #da8155;
outline-offset: -2px;
position: relative;
left: 65px;
top: 20px;
font-family: arial;
font-size: 11px;
padding: 10px;
color: #86482a;
}
/*--посты--*/
#marf
{ width: 600px;
background: #eceae6;
padding-bottom: 10px;
max-height: 500px;
margin-left: 20px;
color: #4a4a4a;
height: 460px;
}
.zmar {
background: #657163;
font-family: Roboto Condensed;
text-align: center;
font-size: 20px;
height: 20px;
text-transform: uppercase;
color: #f3f3f3;
border-top: solid #657163 10px;
width: 600px;
}
.marwor {width: 288px;}
#marpost {margin-left: 20px;
font-family: Roboto Condensed;
color: #596757;
font-size: 12px;
}
.marphot1 {width: 250px;
height: 370px;
object-fit: cover;
background-size: 100%;
float: right;
margin-right: 20px;
margin-top: 4px;
margin-left: 10px;
}
</style>
