Remove white space above and below large text in an inline-block element

by

It appears as though you need to explicitly set a font, and change the line-height and height as needed. Assuming ‘Times New Roman’ is your browser’s default font:

span {
  display: inline-block;
  font-size: 50px;
  background-color: green;
  /*new:*/
  font-family: 'Times New Roman';
  line-height: 34px;
  height: 35px;
}
<span>
    BIG TEXT
</span>

More Related Contents:

  1. Why does my design elements look different in all browsers? UPDATE [closed]
  2. Menu does not align correctly in Safari
  3. What is a clearfix?
  4. How do I style a dropdown with only CSS?
  5. CSS technique for a horizontal line with words in the middle
  6. css ‘pointer-events’ property alternative for IE
  7. Browsers’ default CSS for HTML elements
  8. How to align checkboxes and their labels consistently cross-browsers
  9. Style input type file? [duplicate]
  10. How can I draw vertical text with CSS cross-browser?
  11. Cross-browser custom styling for file upload button [duplicate]
  12. How to make HTML Text unselectable [duplicate]
  13. Flexbox and Internet Explorer 11 (display:flex in ?)
  14. Flexbox alternative for IE9
  15. Setting a width and height on an A tag
  16. Image scaling causes poor quality in firefox/internet explorer but not chrome
  17. Fallback for CSS attributes without unit
  18. Extra space under textarea, differs along browsers
  19. header/footer/nav tags – what happens to these in IE7, IE8 and browsers than don’t support HTML5?
  20. How to make input autofocus in internet explorer?
  21. Cross browser method to fit a child div to its parent’s width
  22. Which browsers support data URIs and since which version?
  23. Why does height: 100% on a child element not apply when the parent element has a min-height/max-height value but no height value?
  24. How do I not underline an element in a link?
  25. Prevent zoom cross-browser
  26. How create table only using tag and Css
  27. How can I correctly select the first or the last child with CSS?
  28. Change last letter color
  29. How can I force div contents to stay in one line with HTML and CSS?
  30. HTML List element : Sharing the parent width into equal parts

Leave a Comment