css - 无法使用 CSS 修复我的标题

Question

我正在使用 HTML 来构建我的网站。我的问题是我不能把我的标志放在我的页面的右边我已经尝试了很多改变边距但我不能，现在 my LOGO 在句子的顶部 我们的空间

我想要的是:

英文法文我们的空间imageLOGO

我的 html 是:

<div id="header">

 <div >
            <img class="imgPosition"  src="images/MyLogo.jpg" alt=""/>
            <a href="index.html" class="logo"> <h1><span>Our Space </span></h1></a>

             <span><a href="HomeFrench.html" class="logolang1">French</a> <a href="HomeEnglish.html" class="logolang2">English</a></span>
</div>
</div>




#header div .imgPosition{
    alignment-adjust:middle;
    margin: 0 0 0 650px;
    height: 60px;
    width:100;
}
#header div .logo{
    color: #fff;
    /*display: block;*/
    float:right;
    margin: 0 0 0px -600px ;
    padding: 0 0 0 0px;
    text-decoration: none;
}
#header div .logolang1 {
    color: #fff;
    display: block;
    float:left;
    margin: 0 0 0 -700px ;
    padding: 0 0 0 0px;
    text-decoration: none;
}
#header div .logolang2 {
    color: #fff;
    display: block;
    float:left;
    margin: 0 0 0 -750px ;
    padding: 0 0 0 0px;
    text-decoration: none;
}

Answer 1

如果你想把标志放在右边只需改变

alignment-adjust:middle;

到

float : right;

或者您可以将 Logo 作为背景:

#header{
 background : url('images/myLogo.jpg') right no-repeat;
}