Javascript 尝试在滑块旁边放置一个div

我已经搜索了一段时间，终于找到了一个响应滑块。
我更改了宽度，使其只占页面的一半，因为在另一半页面上，我希望有一个文本区域。
但是文本在滑块下方向右移动，而不是直接向右移动。
我希望有第二双眼睛能帮我抓住我犯的错误

。主页内容{
背景色：#fff；
宽度：90%；
垫面：3em；
左边距：自动；
右边距：自动；
-网络工具包盒阴影：0px 1px 1px#000；
-moz盒阴影：0px 1px 1px#000；
盒影：0px 1px 1px#000；
}
#幻灯片{
浮动：左；
}
#最新帖子{
浮动：对；
}
斯里德斯先生{
位置：相对位置；
顶部：1米；
列表样式：无；
溢出：隐藏；
宽度：50%；
填充：0；
保证金：0；
}
李先生{
-webkit背面可见性：隐藏；
位置：绝对位置；
显示：无；
宽度：100%；
左：0；
排名：0；
}
李：第一个孩子{
位置：相对位置；
显示：块；
浮动：左；
}
.rslides img{
显示：块；
高度：自动；
浮动：左；
宽度：100%；
边界：0；
}

测试文本

使用

显示：内联块

代替

浮动：左

和

浮动：右

以及

幻灯片

和

最新帖子的百分比宽度

。主页内容{
背景色：#fff；
宽度：90%；
垫面：3em；
左边距：自动；
文本对齐：居中；
右边距：自动；
-网络工具包盒阴影：0px 1px 1px#000；
-moz盒阴影：0px 1px 1px#000；
盒影：0px 1px 1px#000；
}
#幻灯片{
显示：内联块；
垂直对齐：中间对齐；
宽度：49%；
}
#最新帖子{
显示：内联块；
垂直对齐：中间对齐；
宽度：49%；
}
斯里德斯先生{
位置：相对位置；
列表样式：无；
溢出：隐藏；
宽度：100%；
填充：0；
保证金：0；
}
李先生{
-webkit背面可见性：隐藏；
位置：绝对位置；
显示：无；
宽度：100%；
左：0；
排名：0；
}
李：第一个孩子{
位置：相对位置；
显示：块；
浮动：左；
}
.rslides img{
显示：块；
高度：自动；
浮动：左；
宽度：100%；
边界：0；
}

测试文本

这似乎是朝着正确的方向迈出的一步，尽管现在文本直接位于滑块下方的左侧。我可以看到滑块后面文本的底部。滑块中似乎有什么东西阻止了滑块被限制在div中，因为如果我将滑块宽度设置为100%，它会占用整个页面，而不是被限制在49%的div中。@Bob你在预览我上面的片段吗？它看起来很完美。嗯，很有趣，让我试着把它复制得更好。我以前肯定错过了什么，它工作得很完美。非常感谢你。