Advantages of using “baseline” value for “valign” attribute in HTML

Asked By Moose Lodge 20 points N/A Posted on - 03/30/2012

In HTML we can use <td valign=”baseline”> or <tr valign=” baseline”>.

What are the advantages of using baseline value for “valign” attribute in HTML?

• Status: Open
• Question Views: 974
• Answer Count: 2
• Vote Up 0 Vote Down

• Answer Accepted: Yes
• Question Category: Development Software

Best Answer by Sharath Reddy

Go To Solution

Answered By Hathy Carla 0 points N/A #121257

Advantages of using “baseline” value for “valign” attribute in HTML

Good day !

There are three available values for vertical alignment (VALIGN) attribute in HTML.

The top, middle, bottom and baseline.

The top and middle don't need further explanation as it is very obvious.

The bottom value aligns the content of the cell along the bottom of the cell.

However, the baseline attribute aligns the content of the cell along the baseline (the imaginary line which the letters of a text, regardless of font size, sits. Refer to attachment. Notice the hook of the small letter g overlaps the imaginary baseline in the baseline attributed cell to align with other text content. That's the baseline alignment.

About Hathy Carla

Questions
0

Answers
5

Best Answers
0

• Vote Up 0 Vote Down

• Posted on - 04/24/2012
• Question Category: Development Software

Best Answer

Best Answer

Answered By Sharath Reddy 590495 points N/A #121258

Advantages of using “baseline” value for “valign” attribute in HTML

In HTML tag, the “baseline” value you use in the “valign” element in <td> and <tr> tags acts as an imaginary line which the majority of the letters sit on in a row of text. The baseline value places the row so that all table data use the same baseline. The baseline value frequently has the same result as with the “bottom” value.

The only difference is that if the fonts used are in different sizes, the baseline value appears better than the bottom value. See image.

Though <td> and <tr> tags are still supported in HTML5, the “valign” attribute used in these tags are no longer supported in HTML5. Use CSS as an alternative. The “valign” attribute sets the vertical alignment of the cell content. The values you can use are: top, middle, bottom, and baseline.

About Sharath Reddy

Questions
1

Answers
14599

Best Answers
2290

• Vote Up 0 Vote Down

• Posted on - 11/28/2013
• Question Category: Development Software