如何制作：在内容垂直居中之前？

Question

我想让: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
}