Thick underline behind text

by

Another possibility:

p {
    font-size: 100px;
    font-family: arial;
}

span {
    padding: 0 10px;
    box-shadow: inset 0 -40px 0 0 magenta;
}

span:nth-child(2) {
    box-shadow: inset 0 -55px 0 0 magenta;
}

span:nth-child(3) {
    box-shadow: inset 0 -70px 0 0 magenta;
}
<p>
    <span>A</span><span>B</span><span>C</span>
</p>

More Related Contents:

  1. Bold tag breaking the divs?
  2. Font Awesome 5 on pseudo elements shows square instead of icon
  3. Bootstrap 4: Multilevel Dropdown Inside Navigation
  4. Can you target with css?
  5. Why can’t be flex containers?
  6. How can I find unused images and CSS styles in a website? [duplicate]
  7. How to increase space between dotted border dots
  8. How can I make all images of different height and width the same via CSS?
  9. How to center nav-items in Bootstrap? [duplicate]
  10. Fonts on the Web [duplicate]
  11. How to horizontally center an unordered list of unknown width?
  12. space between divs – display table-cell
  13. Height Calculation By Browsers : Containing Blocks and Children
  14. How to display text, a dotted line then more text spanning the width of the page?
  15. How can I apply a border only inside a table?
  16. What does the clearfix class do in css? [duplicate]
  17. Center image in div horizontally [duplicate]
  18. Add spacing between vertically stacked columns in Bootstrap 4
  19. HTML — Two Tables Horizontally Side by Side
  20. Draw double curved item with beveled edges
  21. How to center an unordered list?
  22. Center a large image of unknown size inside a smaller div with overflow hidden
  23. How to change border color of textarea on :focus
  24. Change the color of glyphicons to blue in some- but not at all places using Bootstrap 2
  25. Is there any way to add padding to select options via CSS?
  26. CSS Selector for No-Children-But-Not-Empty
  27. How to get rid of x and up/down arrow elements of a input date?
  28. HTML CSS Invisible Button
  29. CSS After Element to insert mailto link?
  30. Which browsers support data URIs and since which version?

Leave a Comment