How make text-decoration: underline with 2px padding?

by

For cross-browsing it is better to use text-underline-offset over the text-underline-position, because text-underline-position isn’t supported by iOS Safari

So use this answer: https://stackoverflow.com/a/63607426/1894907

#line{
    text-decoration-line: underline;
    text-underline-offset: 2px;
}

Related Contents:

  1. How to specify line breaks in a multi-line flexbox layout?
  2. Setting table column width
  3. How Do I Make Glyphicons Bigger? (Change Size?)
  4. How to “crop” a rectangular image into a square with CSS?
  5. Twitter Bootstrap 3 Sticky Footer
  6. What’s default HTML/CSS link color?
  7. CSS margin terror; Margin adds space outside parent element [duplicate]
  8. Removing ul indentation with CSS
  9. How can I make space between two buttons in same div?
  10. How do I horizontally center an absolute positioned element inside a 100% width div? [duplicate]
  11. Inspect hovered element in Chrome?
  12. Switching the order of block elements with CSS [duplicate]
  13. Difference between HTML “overflow : auto” and “overflow : scroll”
  14. Checkboxes in web pages – how to make them bigger?
  15. How to stretch div height to fill parent div – CSS
  16. Can I color table columns using CSS without coloring individual cells?
  17. How to make this illumination effect with CSS
  18. How to apply a style to an embedded SVG?
  19. How to set min-font-size in CSS
  20. Disable a link in Bootstrap
  21. HTML float right element order
  22. Second line in li starts under the bullet after CSS-reset
  23. What is the effect of encoding an image in base64?
  24. 7 equal columns in bootstrap
  25. Specifying a preferred line break point in HTML text in a responsive design [duplicate]
  26. Put text at bottom of div
  27. Where do the bullets come from on elements?
  28. How to change color of disabled html controls in IE8 using css
  29. How to set the maximum width of a column in CSS Grid Layout?
  30. Remove space (gaps) between multiple lines of flex items when they wrap
  31. White space at top of page
  32. Linethrough/strikethrough a whole HTML table row
  33. Is it possible to make Font Awesome icons larger than ‘fa-5x’?
  34. Google Fonts violates Content Security Policy
  35. Centering Bootstrap input fields
  36. How to make div stick to the bottom of parent div?
  37. Input Checkbox checked by default
  38. How to center a textarea using CSS?
  39. Inserting a blank table row with a smaller height
  40. CSS side by side div’s auto equal widths
  41. Display: Flex loses right padding when overflowing?
  42. How to add background image for input type=”button”?
  43. Force HTML Tables To Not Exceed Their Containers’ Size
  44. Misalignment of Facebook & Twitter buttons
  45. How to remove the space between list items [duplicate]
  46. Center an tag inside a
  47. Does IE7 have a “developer mode” or plugin like Firefox/Chrome/Safari? [duplicate]
  48. How to control the width of select tag?
  49. Trimming image corners with border-radius set on parent div doesn’t work in Safari
  50. Many SCSS/SASS files to one CSS file?

Leave a Comment