html - :before コンテンツを垂直方向に中央揃えにする方法は?

Question

:beforeコンテンツを垂直方向に中央揃えにしたい。また、コンテンツ内のすべてのテキストを:beforeコンテンツblockquoteの右側にパディングしたい。

http://jsfiddle.net/m3jEH/

height、line-heightおよび を変更しようとしましたmin-heightが、コンテンツを垂直方向に中央揃えしてパディングすることはできませんでした (コンテンツの長さに関係なく機能するようにしたい)

Answer 1

これを試してください（私が正しく理解している場合）：

blockquote {
 background-color: #fcc;
 padding: 20px 20px 20px 60px;
 margin: 30px;
 position: relative
}

blockquote::before {
 content: '{ }';
 color: #b8a08e;
 text-shadow: 0 1px #412917;
 font-size: 30px;
 font-weight: bold;
 position: absolute;
 top: 50%;
 left: 15px;
 margin-right: 12px;
 margin-bottom: 12px;
 min-height: 100%;
 height: 100%;
 margin-top:-25px
}