html - 无法将元素定位在左下角

Question

这应该是我正在构建的推特提要，类 src-twitter 基本上是发布者的时间戳和用户名，它应该在

的右下角，但是结果是就在引号的中间。

<div class="feed-bottom">
                <div class="post1">
                    <p>
                        "You have brains in your head. You have feet in your shoes. You can steer yourself in any direction you choose. You're on your own, and you know what you know. And you are the guy who'll decide where to go." - Dr. Suess
                    </p>
                    <p class="src-twitter">
                        @username 5:55pm September 20, 2014
                    </p>
                </div>
            </div>

CSS:

   .post1{
        position: relative;
    }

    .src-twitter {
        color:#dfdfdf;
        font-size: 12px;
        position: absolute;
        bottom: 0;
        right: 0;
    }

Answer 1

似乎不需要为此使用position，只需text-align 就可以了

更新的 CSS:

.src-twitter {
    color:#dfdfdf;
    font-size: 12px;        
    text-align:right;
}

Fiddle Demo