HTML-我如何在同一行左右对齐 -

时间:2014-05-08 10:10:58

标签: html

http://sunprojects.co.il/

我希望徽标位于右侧,电话号码位于左侧中间

我该怎么做?

2 个答案:

答案 0 :(得分:0)

您可能需要单独的元素,一个向左浮动,一个向右浮动。

像这样的HTML:

<div class="header-number">
    <p>012345 678901</p>
</div>
<div class="header-logo">
    <img src="headerlogo.png" />
</div>

使用这个CSS:

.header-number{
    float: left;
}
.header-logo{
    float: right;
}

您可以在此处阅读有关浮动的更多信息w3schools CSS Float

答案 1 :(得分:-1)

使用以下代码http://sunprojects.co.il/

<style type="text/css">.phone_number{float: left;top:110px;position: relative;}</style>
<span class="phone_number">
 <font size="10" color="white">0504663343</font>
</span>