CSS：如何将div缩小到字体以外；什么是隐形衬垫？

代码： （在chrome/webkit中效果最佳）

我试图让红色部分在黑色的按钮区域内有1px的边距。但我似乎无法改变红色部分的高度=(

---

目标：

向红色部分添加

显示：内联块；

可以控制其高度

---

下面是一个示例（添加了一些填充以使其看起来更漂亮）：

如果使用

显示内联

，则可以设置其高度。您还需要设置

行高度。例如，我添加了
行高度：17px；
，并且将其居中放置得非常好

例如：

提示：对于使用
边框
为1px且
边框半径
的元素的webkit浏览器，使用
1px双色#颜色
会有助于消除锯齿线。我相信这主要是Chrome中尚未解决的问题。
有没有办法将文本向上移动以使其居中？实际上，有没有办法让它看起来像e（更新的问题）这让我很难过：
（在chrome/webkit中效果最好）
：（没有添加其他浏览器特定的渐变，只是试图获得正确的初始设计，其他浏览器稍后。=p