How Vertical Text Align in this table?

  • Click here to see my dilemma.
    https://chathamcc.mainstreetchatham.com/?page_id=2

    I don’t see an option on the toolbar to vertically align the text to the top of the right cell.

    I don’t know ANYTHING about this HTML stuff, but I did manage to create the table in the first place. Spent last two hours trying to learn the vertical align code.

    Here is what I got from some website:
    </td>
    <td align=”center” valign=”middle”>
    I’m in the middle
    </td>

    couldn’t figure out how to insert it to work. Is there a vertical align on the toolbar I am missing?

    Thanks..
    JF

Viewing 3 replies - 1 through 3 (of 3 total)

  • Add this to the end of style.css:

    #content tr td { vertical-align: top; }

    Thread Starter jimmyfal

    (@jimmyfal)

    So, to be clear, since I don’t really know anything about CSS.

    If the html currently looks like this:

    <td>
<p style="text-align: left;">It Runs In His Blood.</p>
<p style="text-align: left;">The "Bay Scallop" is caught locally and harvested during the fall and winter months. Having commercially fished for more than 50 years

    I should change it to look like this?:

    <td>
<p style="text-align: left; #content tr td { vertical-align: top; }">It Runs In His Blood.</p>
<p style="text-align: left; #content tr td { vertical-align: top; }">The "Bay Scallop" is caught locally and harvested during the fall and winter months. Having commercially fished for more than 50 years

    Is this right? because that did not work. Maybe I am in the wrong place? I am in he HTML portion of the page.

    Thanks…
    JF

    ADD THIS LINE TO THE END OF THE FILE STYLE.CSS:

    #content tr td { vertical-align: top; }
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How Vertical Text Align in this table?’ is closed to new replies.