I have tried several codes, like this one: ``` ``` And it does not work side by side, if someone can fix this for me, thank you.

Here is a solution using `float` and `divs` HTML: ``` ``` CSS: ``` .box{ float:left; margin-right:20px; } .clear{ clear:both; } ``` http://jsfiddle.net/E5WFT/

How to put two iframes side by side

css, html, iframe

Solution

Here is a solution using `float` and `divs`

HTML:

<div class="box">
  <iframe src="https://embed.spotify.com/?uri=spotify:user:1290230929:playlist:6nTIVNGZfnZ4urUiwHIgpT" frameborder="0" scrolling="no" width="100%" height="512" align="left"> </iframe>
</div>

<div class="box">
  <iframe src="https://embed.spotify.com/?uri=spotify:user:1285279066:playlist:56KI83cMiMTOocIdXq2R5j" frameborder="0" scrolling="no" width="100%" height="512" align="right"></iframe>
</div>

CSS:

.box{
    float:left;
    margin-right:20px;
}
.clear{
    clear:both;
}

http://jsfiddle.net/E5WFT/

Problem

I have tried several codes, like this one: ``` <div class="box"><iframe src="https://embed.spotify.com/?uri=spotify:user:1290230929:playlist:6nTIVNGZfnZ4urUiwHIgpT" frameborder="0" scrolling="no" width="100%" height="512" align="left"> </iframe> </div> <div class="box"><iframe src="https://embed.spotify.com/?uri=spotify:user:1285279066:playlist:56KI83cMiMTOocIdXq2R5j" frameborder="0" scrolling="no" width="100%" height="512" align="right"> </iframe> ``` And it does not work side by side, if someone can fix this for me, thank you.

Original source