css问题 - '发布链接'

Question

我不是css专家，所以我想知道是否有人可以提供帮助。我有几种形式来删除这样的项目：

<form action="/Items/DeleteItem" class="deleteForm" method="post"> 
                    Some text
                                        <input id="Id" name="Id" value="14014" type="hidden">
                                        <input value="Delete" class="link_button" type="submit"> 
                                </form>

这应该是这样的：

一些文字删除

此处'部分文字'描述了该项目，删除是一个'链接'，它执行删除项目的发布请求（因为几乎所有浏览器都只支持帖子和获取请求）。

我已经开始设计样式（下面的CSS）但是'删除''链接'仍然略微偏移'有些文字'（至少在Firefox中）。我很感激css的任何帮助。谢谢！

.link_button
{
    background-color:white;
    border:0;
    color:#034af3;
    text-decoration:underline;
    font-size:1em;
    font-family:inherit;
    cursor:pointer;
    float:left;
    margin:0;
    padding:0;
}

.deleteForm
{
    float:right;
    margin:0;
    padding:0;
}

基督教

Answer 1

您可能希望为提交按钮使用不同的display类型，而不是将其浮动。使其成为inline将使其行为与文本一样。这是所有显示值的explanation;最重要的是block，inline和inline-block。

请注意，您可能希望使用<button type="submit" class="link_button">Delete</button>，因为它提供了比<input>更多的灵活性。