Как добавить элемент над div'ом?

Question

[COSTYLE]

Есть div необходимо добавить элемент над ним. Хочу добиться вот такого результата:

Сам код

Comments

[Vadim Bogomazov]

Заготовка через псевдоэлемент.

Answer 1

[NaN]

Псевдоэлементы

Comments

[COSTYLE]

а можно пример если не сложно?

[NaN]

waneroy, это было бы слишком просто, здесь же не фриланс.

1. Прочти документацию по before, after
   
2. Почитай для чего используется свойство content, как спойлер - тебе туда нужно написать кавычки
   
3. Делаешь псевдоэлемент абсолютно спозиционированным, навешиваешь какие нужно стили для выравнивания и внешного вида твоего блока, не забудь родителю указать relative
   

Answer 2

[FabiBoom]

Answer 3

[hzzzzl]

.main-itm6 {
  position: relative;
}

.main-itm6:before{
  content: "";
  font-size:50px;
  position:absolute;
  top:-5%;
  left:-5%;
  width: 110%;
  height: 110%;
  z-index: -111;
  background: linear-gradient(to right, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 35%, rgba(254,254,254,1) 55%, rgba(209,209,209,1) 74%, rgba(209,209,209,1) 100%);
  border: 1px solid lightgray;
}

вот рамка, а кавычки сверху человек сделал уже