如何在tumblr主题上设置blockquotes的样式？

Question

我希望blockquotes对齐，而不是重叠。这个问题可以在这里看到：http://ymirsgirlfriend.tumblr.com/post/86505956778/caramelcheese-carry-on-my-wayward-butt

需求图示例。

这是我的CSS：

blockquote {
    display: block;
    width:200px;
    margin-left:20px;
    margin-right:10px;
    border:1px solid #bbb4b4;
    padding: 5px 5px 5px 5px;
    border-radius:0px;
    color:#aaaaaa;
    background-color: #fafaf7;
    width:180px;
    margin-left:0px;
    cursor:url(http://img69.imageshack.us/img69/7673/cursorw.png);
}

感谢任何看过这个问题的人！

Answer 1

JSfiddle会很有用，但

#stuff > blockquote {
overflow:hidden;
}

似乎可以解决问题。

Answer 2

避免width并设置否定margin-right。保留padding，不要使用overflow:hidden，否则内容会被切割或太靠近边框。

blockquote {
    /* width: 200px; no width!*/
    margin-right: -6px; /*this is the code*/
}