html - 使文本和按钮保持在同一行

Question

我试图让文本和按钮保持在同一行

HTML

<div class="server">
      <div class="container">
        <div class="col-md-5">
        <div class="serverinfo"><p><b>Map:</b> ttt_minecraft_b5<br><b>Spillere:</b> 12/24</p>
            <p class="connect"><a href="#" class="btn btn-primary" role="button">Koble til</a> </p>
        </div>
        </div>
        </div>

CSS

.serverinfo {
    margin: 0 0 10px 0;
    padding: 4px;
    background-color: white;
    border-radius: 0 0 4px 4px;
    overflow: hidden;
}

.connect {
    text-align: right;
}

Bootply

希望大家明白，不能加图

感谢大家的帮助!

Answer 1

问题是您的链接按钮位于单独的 p 标记中。将链接按钮 anchor 标记放在同一个 p 标记中。

<p>text here and stuff <a></a></p>