Html 提交按钮无边框-高度/对齐问题

一个简单的CSS问题，我似乎永远无法迅速解决-

我有一行文本，后跟一个表单，表单由一些不可见的输入和一个提交按钮组成。我已经从提交中删除了边框和背景，所以只需文本-

我的html-

<p>Posted about 21 hours ago.</p>
<form class="button_to" data-remote="true" action="/comments/8/likes/114" method="post"> 
<input type="hidden" ...... > <!--not actual markup -->
<input type="submit" value="unlike" html_options="classlike_button_form">
</form>

问题是p标记中的文本和按钮中的文本没有水平对齐

我正在使用HTML5样板中包含的重置css和Yahoo文本大小

我真的不想用利润率或定位来修复它，所以任何帮助都是很好的

谢谢

---

编辑-我无法更改HTML结构

当我将HTML和CSS插入JSFIDLE:时，它看起来正常。你有萤火虫吗？输入标记是否从其他设置继承样式？

这似乎有效：

---

我移除了浮动并添加了

display:inline块；垂直对齐：中间对齐到
p
和
表单
。它适用于Chrome、Firefox、Safari和IE8。但是，由于
内联块
的原因，它在IE7或更低版本中无法正常工作。由于
p
和
form
现在以内联方式显示，您可能希望将它们包装在
div
（）中。
我在Chrome中看到了问题，但在FFT中没有看到。谢谢，我也可以在Chrome中看到它。仍然不知道是什么原因造成的。我正在查看firebug，它看起来没有任何东西通过继承进行干扰。我会继续努力，看看能不能找到什么编辑-你可以通过查看Chrome中的小提琴看到我遇到的问题。因此，当我在输入（以及p）中输入你的线条高度131%时，它看起来像是在Chrome和FF中对齐。这更像吗？我在Firefox 5上，这仍然有点不一致，而且我认为在保留浮点数的同时也可以这样做。怎么样（只在输入时移除浮点数，HTML略有更改）？我刚刚在我的页面上试用过，效果不错。不幸的是，后端人员不允许我更改HTML结构，所以我不能使用它。我在问题中没有说清楚，我现在编辑这个问题。
p {
    color: #595959;
    float: left;
    font: 85% "Arial",Verdana,sans-serif;
    line-height: 131%;
    padding-bottom: 0;
}

input {
    background-color: transparent;
    border: 0 none;
    color: #3B5998;
    font: 85% "Arial",Verdana,sans-serif;
    float:left
}