中心整个blockquote

Question

目前我的blockquotes中的文本是居中的,但是当没有大量要引用的文本并且左边框离文本太远时,它会产生问题.

例

我希望边框总是距离文本5px(通常位于我博客上的图像中心).

是否有任何方法可以使整个 blockquote 居中,包括左边框,因此它不会卡在一个位置,而文本是唯一居中的？

目前的CSS:

blockquote {
    max-width:390px;
    color: #5c4c40;
    text-align: center; 
    border-left: 3px solid #897860; 
    padding-left: 5px;
    margin-left: 40px; 
}

Answer 1

添加 width:auto;和display:table

blockquote {
    max-width:390px;
    color: #5c4c40;
    text-align: center; 
    border-left: 3px solid #897860; 
    padding-left: 5px;
    margin:0 auto;
    background:red;
    width:auto;
    display:table
}

DEMO