CODEWITHSUNDEEP
htmlcss
user13474936
user13474936

Reputation:

Some alphabet cannot make it underline

I have a problem to draw the underline in this alphabet p, y, g, j. It cannot direct show the underline in this alphabet. Hope someone can guide me how to solve it.

Below is my coding:

<td style="text-decoration: underline;"><span style="color:blue;">126-1 jjj</span></td>

The output is shown like below the picture:

Output 1

I want the expected result like below the picture:

Output 2

What I've tried the coding:

<td style="display: inline-block; border-bottom: 1px solid #000;"><span style="color:blue;">126-1 jjj</span></td>

The output is shown me like below the picture, but the table format not same with original:

Output 33

Upvotes: 0

Views: 557

Answers (1)

yinsweet
yinsweet

Reputation: 2851

Not sure if this satisfy your requirement.

span {
  color: blue;
  text-decoration: underline;
  text-underline-position: under;
}
<td><span>126-1 jjj</span></td>

Upvotes: 5

Related Questions