Распродажа стайлеров

by pharma_nsk

HTML

<body>
<div class="all">
<p>
Распродажа стайлеров
</p>

<img src="http://ресторан-амстердам.рф/d/513889/d/alarm-clock__red.png" width="40px">
<p class="time">
Действует до 06 декабря
</p>

<div class="sale">
<p>
Скидки до
</p>
<p class="procent">
12%
</p>
</div>

<p class="url">
http://www.it********.ru
</p>
</div>
</body>

CSS

body {background-color:white; font-family:sans-serif; font-size:18px; font-weight:bold;}
.all {width:500px; margin: 50px auto; position:relative; padding-left:10px; padding-top:5px;}
.all>p:not([class]) {margin-left:10px;}
.time {color: red; font-size:22px; margin-left:45px;}
img {position:absolute; top:65px; }
.sale {width:130px; height:100px; border: 1px dashed red; border-radius:5px; padding:auto; padding:0px; position: absolute; top:0px; right:10px;}
.sale p {font-size: 22px;  text-align:center; position:absolute; top:-10px; left:10px;}
.sale .procent {color:red; font-size:50px;}
.url {float:right; margin-right:10px; margin-top:20px; font-size:14px; color:grey;}