Html 用于内联显示的css样式

我想在同一行中显示

标记和

按钮
标记，但
按钮
显示在稍下方。我用绿色标记了要显示它的位置：



h1{
显示：内联块；
}
.日志{
宽度：60%；
身高：30%；
位置：绝对位置；
边框：1px实心#f9f2f2；
边界半径：10px；
背景：-o-线性梯度（底部，#e5e3e3 5%，#ffffff 100%）；
背景：-webkit渐变（线性、左上、左下、颜色停止（0.05，#e5e3e3）、颜色停止（1，#ffffff））；
背景：-莫兹线性梯度（中心顶部，#e5e3e3 5%，#ffffff 100%）；
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr=“#e5e3e3”，endColorstr=“#ffffff”）；
背景：-o-线性梯度（顶部，#e5e3e3，ffffff）；
背景色：#e5e3；
边框：0px实心#f9f2f2；
文本对齐：居中；
线高：20px；
边框宽度：0px 0px 1px 1px；
}

轮廓
注销
我刚刚修改了以下内容：

form {
    float: right;
    display: inline-block;
    margin-top: 20px;
}


h1{
显示：内联块；
}
.日志{
宽度：60%；
身高：30%；
位置：绝对位置；
边框：1px实心#f9f2f2；
边界半径：10px；
背景：-o-线性梯度（底部，#e5e3e3 5%，#ffffff 100%）；
背景：-webkit渐变（线性、左上、左下、颜色停止（0.05，#e5e3e3）、颜色停止（1，#ffffff））；
背景：-莫兹线性梯度（中心顶部，#e5e3e3 5%，#ffffff 100%）；
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr=“#e5e3e3”，endColorstr=“#ffffff”）；
背景：-o-线性梯度（顶部，#e5e3e3，ffffff）；
背景色：#e5e3；
边框：0px实心#f9f2f2；
文本对齐：居中；
线高：20px；
边框宽度：0px 0px 1px 1px；
}
形式{
浮动：对；
显示：内联块；
边缘顶部：20px；
}

轮廓
注销
您有了
标记的内联，现在您可以将内联放入
表单中，如下所示：

<form method="post" style="display:inline"> 
     <button class="logout" name="logout" >Logout</button>
</form>


注销

h1{
显示：内联块；
}
.日志{
宽度：60%；
身高：30%；
位置：绝对位置；
边框：1px实心#f9f2f2；
边界半径：10px；
背景：-o-线性梯度（底部，#e5e3e3 5%，#ffffff 100%）；
背景：-webkit渐变（线性、左上、左下、颜色停止（0.05，#e5e3e3）、颜色停止（1，#ffffff））；
背景：-莫兹线性梯度（中心顶部，#e5e3e3 5%，#ffffff 100%）；
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr=“#e5e3e3”，endColorstr=“#ffffff”）；
背景：-o-线性梯度（顶部，#e5e3e3，ffffff）；
背景色：#e5e3；
边框：0px实心#f9f2f2；
文本对齐：居中；
线高：20px；
边框宽度：0px 0px 1px 1px；
}
形式{
显示：内联块；
浮动：对；
边缘顶部：20px；
}

轮廓
注销
你能告诉我你修改了什么吗这在我的代码中不起作用。如果我添加了内联样式来形成它的工作方式，但我不想添加内联样式。你能显示一下你在将此代码添加到表单时得到的输出吗当然。我会添加屏幕快照。你上传的屏幕快照在哪里？它以内联css样式工作。但是我有我所有的css另一页，先生。还有其他建议吗。