كيفية عمل ليبل جميل مثل الذي بالصورة

كيفية عمل مثل الذي بالصورة تابع معي:
أول شي نضيف أكواد الhtml هذه

ali hassan

ثم نضيف اكواد الcss

.date {
  background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhchdmcCCkCoZgUjhs9DbxGFud1cZ0eoxHD-l_V5si4ofYPDI3DmKaaa1clBObGoSOlCcph8ajZskm3tboRaR78s1fxWNyLIOaYFscu1sEE6Ad13VQMm85g_g9WRgXeBRk4KQ_Vlswy4KA/s1600/bk_date.png) 0 0 no-repeat;
  width: 62px;
  height: 89px;
  left: 34px;
  top: 13px;
  text-align: center;
  position: absolute;
  font-size: 12px;
  color: #FFF;
  padding-top: 24px;
}

وللمعاينة والكود كامل من هنا اضغط على Result ولكود الhtml اضغط على html ولكود الcss اضغط على css