<article class="news">
<div class="close">X</div>
<h2>Статья первая</h2>
<p>Интересная статья об интересной вещи</p>
<p><em>Этот блок имеет относительное позиционирование</em></p>
</article>
body {
font: 18px/1.5 sans-serif;
}
.news {
position: relative;
padding: 30px;
box-sizing: border-box;
background: #673ab7;
color: #FFF;
}
.news .close {
position: absolute;
right: 10px;
top: 10px;
background: #F44336;
padding: 10px;
cursor: pointer;
}
.news h2 {
margin-top: 0;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.