Databases
StackOverflow2013
Postsdbo
POAligning Google Map with Text
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POAligning Google Map with Text
    text
    copied!<p>I am trying to align my google map with text in one DIV container. I cant seem to add text without it pushing the map further down the page. I have tried floating right and whilst it does move to the right, it doesn't seem to like text around it! Any help appreciated!!!</p> <p>HTML Code</p> <pre><code> &lt;div id="middle"&gt; &lt;div id="middlecontent"&gt; &lt;h2&gt;Contact Us&lt;/h2&gt; &lt;p&gt; Please call us on 00000 000000 &lt;br&gt; Our Address is:&lt;br&gt; Text Text Text&lt;br&gt; Text Text&lt;br&gt; Text Text&lt;br&gt; Text Text&lt;br&gt; &lt;/p&gt; &lt;!--map start--&gt; &lt;!--Positions map in page --&gt; &lt;iframe width="425" height="330" float="right" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.co.uk/maps?f=q&amp;amp;source=s_q&amp;amp;hl=en&amp;amp;geocode=&amp;amp;q=The+Rising+Sun,+High+Street,+Tarporley&amp;amp;aq=0&amp;amp;sll=53.800651,-4.064941&amp;amp;sspn=12.709674,39.506836&amp;amp;ie=UTF8&amp;amp;hq=The+Rising+Sun,&amp;amp;hnear=High+St,+Tarporley+CW6,+United+Kingdom&amp;amp;cid=13650885383800041617&amp;amp;ll=53.166791,-2.667961&amp;amp;spn=0.018009,0.036478&amp;amp;z=14&amp;amp;iwloc=A&amp;amp;output=embed"&gt;&lt;/iframe&gt; &lt;br /&gt; &lt;!--map end--&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p>CSS</p> <pre><code>#middle { margin-right: auto; margin-left: auto; width: 70%; height: 400px; margin-top: 65px; border:3px solid #999; background-color:#333; } #middlecontent { font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 10px; } </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

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