Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>I wouldn't use tables for this if I could help it, it makes your html content more cluttered and less comprehensive. Perhaps you meant css tables, but this option would be less semantically correct. I don't know exactly what your vision is, but try something like this:</p> <p><a href="http://jsfiddle.net/jnTda/4/" rel="nofollow">jsfiddle</a></p> <pre><code>.video { height: 200px; width: 300px; background-color: black; color: white; float: left; } .descvid {height: 200px;} article { width: 500px; } </code></pre> <p>This would mean the height would need to be listed for the video description as shown in order to ensure that any content underneath does not wrap up into the space next to the video.</p> <p>If you want to group them together with a shared background color (most often black), you could place both the video tag (I used a &lt;div&gt; tag as a placeholder for it) and the aside element in side of a larger div. This would mean you'd specify dimensions for the video itself. Then you would not need to reference the aside in your css and you could forgo assigning it a class:</p> <p><a href="http://jsfiddle.net/jnTda/5/" rel="nofollow">jsfiddle2</a></p> <pre><code>.video_section { display: inline-block; } .video { height: 200px; width: 300px; background-color: black; color: white; float: left; } </code></pre> <p>As far as resizing the text automatically to fit the block next to the video, it may be possible, but I would suggest making an effort to keep your text bytes consistant in size. Having font sizes that vary from page to page can irritate users when it results in fine-print.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload