How do I top align this table on my landing page?

Question

The table with the two columns under "Meet the rest of the team" just won't go top aligned. I've tried valign="top" as well as but nothing seems to shift it.

Can someone point me in the right direction to make the copy top align with the images?

The page is here: http://www.rolaa.me/portrait-special/

Many thanks! Carola.

Answer 1

Looked fine when I (in Chrome developer mode) removed the empty P tag between the image and the text div.

Answer 2

There are few way to handle it:

1) with css: add it in style.css file

p:empty {
  display: none;
}

2) With Javascript:

jQuery('p:empty').remove();

3) With wordpress filters: keep it in functions.php page of your theme

remove_filter('the_content', 'wpautop');

Try any one and see.

Answer 3

You have to remove empty p tag, or if can't remove apply the below css.

    .cosmotable p::empty{display:none;}