Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to make 3 divs align horozontally
    primarykey
    data
    text
    <p>This is my code and it ends up like this [[left img] [iframe] [right img]] I need to align the code all horizontally so that it will go across the page. This is for a school project.</p> <pre><code>&lt;div class="container"&gt; &lt;div width="33%" style="float: left;"&gt; &lt;img src="powder1.jpg" width="250" height="250"/&gt; &lt;/div&gt; &lt;div&gt; &lt;div width="23%"&gt; &lt;p&gt; We are located right next to &lt;strong style="color: #ff0000;"&gt;Pizanos Pizzeria&lt;/strong&gt; &lt;br/&gt; on &lt;strong style="color: #ff0000;"&gt;North Loop Road&lt;/strong&gt; in Brian Head, Utah. &lt;/p&gt; &lt;/div&gt; &lt;iframe width="33%" height="350" frameborder="0" scrolling="no" margin-height="0" margin-width="0" src="https://maps.google.com/maps?f=q&amp;amp;source=s_q&amp;amp;hl=en&amp;amp; geocode=&amp;amp;q=briand+head+Ut&amp;amp;aq=&amp;amp;sll=39.235867,-94.42591&amp;amp; sspn=0.16354,0.338173&amp;amp;ie=UTF8&amp;amp;hq=&amp;amp;hnear=Brian+Head,+Iron+County,+Utah&amp;amp; t=m&amp;amp;ll=37.694433,-112.84652&amp;amp;spn=0.002971,0.00456&amp;amp;z=17&amp;amp;output=embed"&gt; &lt;/iframe&gt;&lt;br /&gt;&lt;small&gt;&lt;a href="https://maps.google.com/maps?f=q&amp;amp;source=embed&amp;amp; hl=en&amp;amp;geocode=&amp;amp;q=briand+head+Ut&amp;amp;aq=&amp;amp;sll=39.235867,-94.42591&amp;amp; sspn=0.16354,0.338173&amp;amp;ie=UTF8&amp;amp;hq=&amp;amp;hnear=Brian+Head,+Iron+County,+Utah&amp;amp; t=m&amp;amp;ll=37.694433,-112.84652&amp;amp;spn=0.002971,0.00456&amp;amp;z=17" style="color:#0000FF; text-align:left"&gt;View Larger Map&lt;/a&gt;&lt;/small&gt; &lt;/div&gt; &lt;div width="33%" style="float: right;"&gt; &lt;img src="powder2.jpg" width="250" height="250"/&gt; &lt;/div&gt; </code></pre> <p>How can I fix this?!</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    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