html - スパン内の垂直方向に配置されたテキスト

Question

これが私のデモです

<span class="boxPrice  ">
    <p>Previous Bill</p>

</span> 

<p>の中に作りたい<span>

の内側の中央に垂直に配置する必要があります<span>

Answer 1

あなたは付け加えられます

display:inline-block;

あなたのp要素に。

Answer 2

追加line-height:75px;行の高さがdivの高さと同じであることを確認する必要があります/

http://jsfiddle.net/H4yuE/1/

Answer 3

.boxPrice
  {
 width:160px; height:75px; border:1px #333 solid; text-align:center; display:inline-block;}           
.boxPrice p{padding:20px !important; margin:0 !important}
.boxPrice:after{ display:inline-block; content:'';vertical-align:middle;  height:100%}