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%;

}

Working Fiddle