我有一个带有彩色背景和白色文字的div，我可以在整个页面中用作子标题。
我正在使用line-height:1.8;垂直居中（如果有更好的方法，请告诉我们）
但我遇到的唯一问题是文本是左对齐但我不希望它与div齐平，我希望它在右边大约5-10px并且我尝试的方法正在推动div也是，不只是文本。
我不想使用 轻推我的文字，我正在寻找更好的方式
此外，我更喜欢HTML和内联CSS。
<div id="title" style="width:300px; height:30px; background-color:#003777; line-height:1.8; color:#FFFFFF; font-family: Arial, Helvetica, sans-serif">
Title
</div>
这是我的代码的一小部分： http://jsfiddle.net/XrB2j/