html / css無法停止自定義標記開始新行

Question

我在CSS中制作了一個浮動廣告代碼：

CSS代碼---

floatads {
    left:0;
    position:fixed;
    text-align:center;
    top:0;
    width:100%;
    z-index:10;
    background-color:#666666;
    border:3px #cccccc dashed;
    font-size:13px;
    color:#ffffff
    }

floatads .license {
    font-size:10px;
    color:#ffffff
    }

HTML代碼-

<floatads>
<marquee width="70%" scrollamount="5" scrolldelay="20" vspace="5">
Enjoy! | Recommended Website : <a href="http://web-tool.weebly.com">web-tool.weebly.com</a> | Also check out : <a href="http://myzonehk.weebly.com">myzonehk.weebly.com</a> | To register your advertisement and host it here, email <a href="mailto:jamiechoi@mail.com?subject=Host my ad!&body=This is the content of my ad:">jamiechoi@mail.com</a>
</marquee><p class="license">Ads by tool-box.weebly.com</p>
</floatads>

但是在<p class="license"> ，它跳到了另一行。

我該怎么做才能阻止它跳到另一條線？

（我想要的是：）

MARQUEE許可證

許可-10像素
字幕-13像素

我怎樣才能做到這一點？ 我只希望它在同一行。

添加 - - -

還嘗試了以下方法：

（CSS）

floatads #license {
    font-size:10px;
    color:#ffffff
}

（HTML）

<p id="license">ads by tool-box.weebly.com</p>

還是行不通。

任何幫助將不勝感激。

Answer 1

我建議您改用內聯元素，這樣可以節省不必要的CSS代碼。

<span id="license">ads by tool-box.weebly.com</span>

另外，不要使用marquee元素，因為它是非標准的。 還有其他使用javascript和css動畫的方法，這些方法可以跨瀏覽器工作。

Answer 2

選取框不是有效的HTML元素。 從MDN：

非標准此功能是非標准的，不在標准范圍內。 請勿在面向Web的生產站點上使用它：它不適用於每個用戶。 實現之間也可能存在很大的不兼容性，並且將來的行為可能會更改。

順便說一句，選取框是一個塊元素，因此您必須定義其寬度並使其浮動或內聯。 例：

marquee {
    width: 100px;
    display: inline-block;
}
#license {
    display: inline-block;
}

要么：

marquee {
    float: left;
    width: 100px;
}
#license {
    float: left;
    width: 100px;
}

Answer 3

添加顯示：內聯； 到浮動許可證

floatads .license {
    font-size:10px;
    color:#ffffff;
     display:inline;
    }