How to make text/content in the 2nd TD top aligned?

[mw84]

Hi,

I have the following HTML code, content for both the element with ID of “lPanel” and ID of “rPanel” are dynamically loaded. An issue is that content is the second TD or “rPanel” is not top aligned. How to fix it?

Thanks.

    <Table vertical-align="top">
        <TR>
            <TD style="width:8%"></TD>
            <TD width="40%"> <div id="lPanel" class="scrollable"></div> </TD>
            <TD style="width:8%"></TD>
            <TD width="44%" vertical-align="top"> <div id="rPanel" style="text-align:top"></div> </TD>
        </TR>
    </Table>

[Mottie]

Instead of using a table for layout, use css columns… check out this article: https://css-tricks.com/almanac/properties/c/columns/

[Beverleyh]

There is no vertical-align attribute – only a CSS property. Here is the correct syntax http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_td_valign_css

[GMK Hussain]

try this code.

http://codepen.io/anon/pen/JbVEMV

table td{
  display:table-cell;
  vertical-align:top;
}

[Shikkediel]

I don’t think you’d need to specify what is already the default value…

[mw84]

@GMK Hussain, thank you.

[mw84]

I’m using a messy inherited CSS file for the app, which has changed lots of default I’m afraid.

[mw84]

@Mottie, good to know, thanks.

[Author]

Posts