<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;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.