Wordpress , iframe with description is not aligned properly?

I have this code to display video from youtube (iframe) and description near in next column.. but it looks below the description. How can I fix this?
<table width="100%" border="0" cellpadding="10" cellspacing="0">
      <td valign="top" width="36%" height="315"><iframe src="vds" height="315" width="450" allowfullscreen="" frameborder="0"></iframe></td>
      <td valign="top" width="62%"><div valign="top"><strong>This is sample paragraph</strong> <strong>This is sample paragraph</strong> <strong>This is sample paragraph</strong> <strong>This is sample paragraph</strong><br>
        <strong>This is sample paragraph</strong> </div></td>

Open in new window

LVL 36
Loganathan NatarajanLAMP DeveloperAsked:
Who is Participating?
COBOLdinosaurConnect With a Mentor Commented:
Yes by all means get rid of the valign  attribute on the div, it is not valid.  if it still has a problem post a link to the page because there is probably something else in the page causing the irregular alignment.

Loganathan NatarajanLAMP DeveloperAuthor Commented:
This is how it display in my WP site
chilternPCConnect With a Mentor Commented:
your iFram is hard coded to
height="315" width="450"
so there is not enough room for the words to be next to it.
reduce the width until it all fits.

 should remove
<div valign="top"...> pair  the valign in the <td... should be enough
Loganathan NatarajanLAMP DeveloperAuthor Commented:
Thanks, I found some styles in the WP, (grid row ) and it worked well.
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.