Наложение элементов

by webref

HTML

<div>
  Этот родитель позади
  <p>
    Этот вложенный дочерний элемент появляется <strong>поверх</strong> своего родителя
  </p>
</div>

CSS

div {
  background: midnightblue;
  color: white;
  padding: 20px;
}

p {
  background: mediumseagreen;
  padding: 20px;
}

strong {
  background: crimson;
  color: white;
  padding: 2px 5px;
  font-weight: normal;
}