0

I have this problem in html and SCSS, the word goes out of the defined box becouse the Font-size Any way to solve it?

enter image description here

Here is my code

SCSS

.c-title { font-size: 60px !important; color: rgba(0,0,0,0.2); font-weight: 900; margin-bottom: 10px !important; height: 60px; }

HTML (I tried with h1, span, and div)

<div class="c-title">CPO</div>
Sergio Mendez
  • 1,311
  • 8
  • 33
  • 56
  • Please check if other CSS rules have cascaded down to affect the display and provide that info; the fact that you're using `!important` tells me there are other rules in play. It could even be an issue with the specific font you're using, so best to tell us that too. – Fred Gandt Jun 29 '20 at 00:00
  • Try without `height` (or change it to `min-height`). – iAmOren Jun 29 '20 at 00:42
  • Does this answer your question? [font-size vs line-height vs actual height](https://stackoverflow.com/questions/41336177/font-size-vs-line-height-vs-actual-height) – Amaury Hanser Jun 29 '20 at 07:38

0 Answers0