Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

space between text and underline [duplicate]

i am using text-decoration:underline; but text and underline are touching each other.can i increase space between text and underline?

alt text this one. i want to make space between text and underline.

like image 895
Kali Charan Rajput Avatar asked Jun 21 '10 14:06

Kali Charan Rajput


People also ask

How do I change the space between underline and text?

The "Add space for underlines" layout option is used when you want to increase the gap between the text and underline. Try to underline first the words, sentences or paragraphs that you want to underline then click the said option to add space in between them.

How do you underline the position of text?

In the horizontal text we use text-underline-position: under; to put the underline below all the descenders. In the text with a vertical writing-mode set, we can then use values of left or right to make the underline appear on the left or right of the text as required.


2 Answers

Either use a different font or use a border-bottom instead so that you can control the space with padding-bottom.

like image 92
BalusC Avatar answered Sep 18 '22 13:09

BalusC


I had same issue then i used :

.underline_text {       border-bottom: solid 2px #000000;       display: inline;       padding-bottom: 3px; } 
like image 45
Mandeep Gill Avatar answered Sep 21 '22 13:09

Mandeep Gill