hatenaブログで一部縦書きを使いたいのですが・・

デザインのCSSに下記を記述し
.vertical{
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
.vertical p{
background-color: #ccc;
margin-left: 30px;
}
記事内に<div class="vertical">青春18きっぷ。</div>
とすると一応縦書きになりますが、上下段落の間が大きく拡がりました。これを小さくする方法はいかがでしょうか？