insta-highlight

by salt

HTML

<p>
  <span class="insta-highlight">
    How do I add a highlight behind the text <br>like this one insta-lookalike via css?
  </span>
</p>

CSS

.insta-highlight {
  /* Satırların bağımsız görünmesini sağlayan sihirli özellik */
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;

  background-color: #ff0015; /* İstediğin renk */
  color: white;
  padding: 4px 10px; /* Kenar boşlukları */
  font-family: sans-serif;
  font-weight: bold;
  font-size: 24px;
  line-height: 1.5; /* Satır aralarını açmak için önemli */
  border-radius: 8px; /* Köşeleri yumuşatmak için */
  
  /* Inline-block veya inline olması gerekir */
  display: inline; 
}