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> 

这应该是这样的：

一些文本删除

这里是一些文本“描述该项目，并删除是一个“链接”它执行一个post请求来删除该项目（因为几乎所有的浏览器只支持该帖子并获取请求）。

我已经开始设计样式（下面的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>提供更多的灵活性。