如何为div标记添加css

Question

我在一个div标签中有时钟，在另一个div标记中有地址。我想在左边显示时钟，右边显示地址，side.Now地址显示在时钟下面。

<div class="new">
   <div class="clock">
    //my clock code
   </div>       //end of clock div
   <div class="address">
      <p> </p> //address 
   </div>       //end of address div
</div>          //end of new div

css
  .new .clock{
    margin:0;
    padding:10px 0px 0 0;
    float:left;
   }
  .address{
   margin:0;
   padding:30px 0px 50px 0px;
   text-align:right;
   }

Answer 1

时钟：float: left;

申请地址：float: right;

但是，如果浏览器窗口太小，它们就会再次出现在彼此下面。

Answer 2

只需添加一个浮动:左到地址以及。

不过，看上去有点与衬垫有关。

Answer 3

尝试使用以下代码

.clock {
display:inline-block;
width:40%;

}

.address {
    display:inline-block;
    width:40%;
}

您可以类似地使用float，但是您需要给父元素一个类似的样式

.clock {
    float:left;
}

.address {
   float:right;
}

.new{ clear:both; }