css - 屏幕中的 div 中心，旁边是另一个内联 div

Question

我正在尝试使屏幕水平居中的 div 和另一个在其侧面对齐的 div （这是我想要“移动”的 div，例如浮动到屏幕的最右侧。问题是居中的 div 总是最终退出屏幕中心。

谢谢！

Answer 1

我确实认为这是您描述的我使用的效果

position: absolute

实现它。这是 jsFiddle：http: //jsfiddle.net/BcsVC/

Answer 2

尝试这个：

body{ /* or parent element */
    text-align: center;
}

.text{
    font-weight: 800;
    color: green;
    font-size: 20px;
    display: inline-block;
    position: relative;
}

.text:after{
    content: "side text";
    position: absolute;
    top: 3px;
    font-weight: normal;
    white-space: nowrap;
    font-size: 12px;
    color: red;
    left: 100%;

}

工作小提琴