Div Stickers

by jorgeluis

HTML

<div class="block">

<h2>
Little image floater
</h2>

<p>
Stick a little image sticker at the top of your div like
</p>
</div>

CSS

body { background: #111; }

.block {
  margin-top: 100px;
  padding: 3vw;
  background: cyan;
  position: relative;
}

.block:before {
  content: '';
  display: block;
  width: 40px;
  height: 40px;
  background: transparent url(https://addigy.com/wp-content/uploads/2024/03/icon_rocket_two-color.svg) no-repeat;
  position: absolute;
  top: 0;
  transform: translateY(-50%);
}