html - 为什么我不能让按钮形成内联？

Question

我想要字符串旁边的 btn。即使使用 CSS 内联我也搞不懂

 <span class="subscribe_button"> <h3>Books</h3> <%= render 'follow_form' %></span>

CSS:

.subscribe_button {
display: inline;
}

Answer 1

这里有一些无效的 HTML。

block 级元素不能在内联元素中，这是基本的 HTML 知识。

我建议你做的是将两个元素包装在一个 div 中并使用 float: left;

<div class="wrap">

<h3>Books</h3>
<span class="subscribe_button"> unsubscribe</span>

</div>

CSS:

.wrap
{
    width: 300px;
}

.wrap h3, 
.wrap span
{
    float: left;
}

.wrap span
{
    margin-left: 10px/*your value*/;
}

我还建议您仔细阅读 HTML 规则，了解允许的内容以及允许或不允许的原因。

http://jsfiddle.net/Kyle_Sevenoaks/zJUZs/