0

私はdivに慣れていないので、私の粗雑さを許してください。

2 つの div を中央に配置し、その間にスペースを空けて接触しないようにしたいと思います。

CSS -

#div1 {
margin: 0px auto 0px;
float: left;
height: 500px;
width: 339px;
}
#div2 {
margin: 0px auto 0px;
float: left;
height: 500px;
width: 400px;
}

HTML -

<div id="div1">
<p>Image 339 x 500 to go here</p>
</div>

<div id="div2">
10-17-20 - Toronto, Ontario - Massey Hall<br />
11-21 Birmingham, England - National Indoor Arena<br />
11-22 Manchester, England - 02 Apollo Manchester<br />
11-24 Manchester, England - 02 Apollo Manchester<br />
11-25 London, England - The 02 Arena</p> 
</div>
4

1 に答える 1

0 
<div id="wrapper">
  <div id="left">left</div>
  <div id="right">right</div>
</div>

#wrapper {width:90%;margin:0 auto;}
#left {float:left;width:48%;margin-right:1%;}
#right {float:right;width:48%;margin-left:1%;}
于 2013-11-05T23:54:21.957 に答える