Vertical-align in main css

Question

I have a wordpress site.

I have tried to add a table to my post.

Here is table code:

<table border="1"> <tr> <td rowspan=3> area on the left </td> <td> Area on the right-1 </td> </tr> <tr> <td> Area on the right-2 </td> </tr> <tr> <td> Area on the right-3 </td> </tr> </table>

After adding the table i see that main css contains a vertical-align:baseline for table, tbody, caption, tr, td,th. Because of that area on the right 1 is starting just on the right bottom corner of the area left.

When I remove the vertical-align from main css it effects all the site

How I can fix this?

sandeep · Accepted Answer · 2012-03-19 11:12:01Z

1

You can override the property with vertical-align:top. Write like this:

table{ vertical-align:top; }

answered Mar 19, 2012 at 11:12

sandeep

93.2k24 gold badges140 silver badges156 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

salim basar · Accepted Answer · 2012-03-19 19:54:49Z

I found the solution like this

<table border="1" style="vertical-align:top;"> <tr> <td rowspan=3 style="vertical-align:top;"> area on the left </td> <td style="vertical-align:top;"> Area on the right-1 </td> </tr> <tr> <td> Area on the right-2 </td> </tr> <tr> <td> Area on the right-3 </td> </tr>

Collectives™ on Stack Overflow

Vertical-align in main css

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related