Important Notice - Forums is archived
To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.
Label Text overlie
Hallo,
i have a problem with the label widget. I will write a side header with a height of 40 px. This side header can automaticly return and then the secondline overlie the firstline and letters as y,g,p will cutted.
As an example, I've attached a screenshot.
Here is my css-code:
.pd_content_title {
font-weight: bold;
font-size: 40px;
color: #2E62FF;
margin-left: 15px;
margin-top: 20px;
margin-bottom: 5px;
}
.pd_content_subtitle {
font-size: 20px;
color: #2E62FF;
padding-top: 10px;
padding-left: 15px;
}
Thanks,
Dominik
Hi,
for Label there is a default line-height css property of 18px (as far as I remember the value correctly). You should set this in your css for the larger font size labels. You might try e.g. "line-height: normal;" or set a specific (greater) pixel value for it.
-Tepi
Adding line-height:40px or line-height:42px should be enough and it is the correct way to fix it.