CODEWITHSUNDEEP
htmlcss
user3131148
user3131148

Reputation: 353

How do I get my video to float left and my paragraph to be on the right of the video?

I want to simply get my video to be on the right and to have a paragraph explaining the video on the left and then do the same thing under that video and so on, so far I tried doing it but it doesn't seem to look right. How would I go about doing so??

Here is jsfiddle of what I tried: 

  <div style="display: inline-block">
    <div class="vidOne">
     <iframe style="float: left"              src="http://www.youtube.com/embed/videoseries?list=PLFE2CE09D83EE3E28"
            width="100px" height="100px" frameborder="0"></iframe>
       <p >The is a paragraph that should go right of video 1</p>
    </div>
        <br>
   <div class="vidTwo">
      <iframe style="float: left" src="http://www.youtube.com/embed/videoseries?list=PLFE2CE09D83EE3E28"
                width="100px" height="100px" frameborder="0"></iframe>
       <p>The is a paragraph that should go right of video 1</p>
   </div>
</div>

This is my aim:enter image description here

Upvotes: 0

Views: 982

Answers (1)

j08691
j08691

Reputation: 207901

Change:

style="float: left"

to

style="clear:left; float: left"

Note that you may want to also add some top margin to the div containers to space them apart more vertically.

jsFiddle example

Upvotes: 2

Related Questions