0

地図の画像がありますが、その右側に住所を追加したいのですが、わかりません。誰か助けてもらえますか、これは私が使用しているコーディングの一部です:

<div id="main">
<span style="margin-top:5px;
        margin-left:5px;
              text-align:right;">
       <h1 align="center" style="font-size:40px;"><span style="color:red;">Contact</span><span style="color:#FFFFFF;"> Us</span></h1>

  <img id="map" src="images/map.png" title="Image of Map for Krazie Needles." align="centre" />
<p align="left" style="margin-left:5px;
          margin-top: 5px;">
    45 Station Road

cssコードで

       #main
{

    margin-top:42px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    background:rgba(16,16,17,0.70);
    height:85%;
    width:90%;
    box-shadow: 3px 3px 2.5px #888888;
    border-radius:5px;
}   

img#map
{
    margin-left:5px;
    border-radius:5px;
    border-style:solid;
    border-width:2px;
    border-color:#FFFFFF;
}

画像の横にある<p>タグを揃えたい。

4

4 に答える 4

1

imgタグで、(不正解)align="centre"をに変更しalign="left"ます。

(imgタグにはcenter属性がないことに注意してください。)

于 2012-06-02T11:57:14.323 に答える
1

float: left;画像タグで使用するか( W3.orgのfloatを参照)、画像をの中に配置することができます<p>

于 2012-06-02T11:39:26.230 に答える
1
于 2012-06-02T11:51:16.883 に答える
0

画像のcssにfloat:leftを追加する必要があります。住所をマップに配置する場合は、住所cssの段落にposition:absoluteを追加する必要があります。

于 2012-06-02T12:00:25.960 に答える