當我在我的網站上工作時，我遇到了一個問題。我想擁有& lt。元素直接跟在my & lt。元素，所以它不是它下面的一行。

現在的情況是:

Login 
\
Register

我想要什么:

Login \
Register

如果您想看一看，可以訪問我的網站:

v14rkoende.helenparkhurst.net

這是我的html代碼:

<div class=logreg>

        <div class=logregb>

            <p class=loginl ><a href=login.html class=loginr>Login</a> /</p>
            <p class=loginl ><a href=register.html class=loginr>Registreer</a></p>

        </div>

    </div>

這是我的CSS代碼:

.loginr {
    font-family: Century Gothic;
    color: white; 
    font-size: 12px;
    margin-bottom: 0px;
    margin-top: 0px;
    text-decoration: underline;
}

.loginl {
    font-family: Century Gothic;
    color: white; 
    font-size: 12px;
    text-decoration: none;
    margin: 0px;
}

.logreg {
    margin-left:-20px;
}

.logregb {
    width: 0px;
    margin-left: auto ;
    margin-right: auto ;
    margin-top: -40px;
}

謝謝你幫助我

解決方案是加大寬度，例如:

.logregb {
    width: 100px;
    margin-left: auto ;
    margin-right: auto ;
    margin-top: -40px;
}

感謝所有人的快速awnsers！

試試這個(未經測試):

.loginl a {
 float:left;
}

父DOM元素的寬度太小。移除。log regb { width:0px；}因為它會導致兩個換行符。

二者擇一地

將nowrap添加到CSS中，如下所示:

.loginl {
    [...]
    white-space: nowrap;
}

這是小提琴:http://jsfiddle.net/j3t47pqg/1/

p a {
 display:inline-block;
}

<div class=logreg>
    <div class=logregb>
        <p class=loginl >
            <a href=login.html class=loginr>Login</a>
            <a href=register.html class=loginr>Registreer</a>
        </p>
    </div>
</div>