使Google Map与文本对齐
|
我正在尝试将我的Google地图与一个DIV容器中的文本对齐。如果没有将地图推到页面下方,我似乎无法添加文本。我尝试过向右浮动,虽然它确实向右移动,但似乎不喜欢它周围的文字!任何帮助表示赞赏!!!
HTML代码
<div id=\"middle\">
<div id=\"middlecontent\">
<h2>Contact Us</h2>
<p>
Please call us on 00000 000000
<br>
Our Address is:<br>
Text Text Text<br>
Text Text<br>
Text Text<br>
Text Text<br>
</p>
<!--map start-->
<!--Positions map in page -->
<iframe width=\"425\" height=\"330\" float=\"right\" frameborder=\"0\" scrolling=\"no\" marginheight=\"0\" marginwidth=\"0\" src=\"http://maps.google.co.uk/maps?f=q&source=s_q&hl=en&geocode=&q=The+Rising+Sun,+High+Street,+Tarporley&aq=0&sll=53.800651,-4.064941&sspn=12.709674,39.506836&ie=UTF8&hq=The+Rising+Sun,&hnear=High+St,+Tarporley+CW6,+United+Kingdom&cid=13650885383800041617&ll=53.166791,-2.667961&spn=0.018009,0.036478&z=14&iwloc=A&output=embed\"></iframe>
<br />
<!--map end-->
</div>
</div>
的CSS
#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;
}
没有找到相关结果
已邀请:
1 个回复
呢率篓舍烫
CSS:
您将需要调整填充,但这应该可以助您一臂之力。希望能帮助到你。