如何在图像的右侧放置文本?

时间:2017-04-21 04:53:32

标签: html css image layout slider

我正在尝试将我的文本“div”放在我滑块div的空白处。

My Work So Far

文本需要放在图像的右侧。还需要在第一个div下放置2个文本div块!所以我不知道如何将div放在滑块div的右边,并将未来的div放在下面。

2 个答案:

答案 0 :(得分:0)

您可以使用text div

设置position
[selector] {
    position: absolute;
    right : 0px;
    top: 0px;
} 

答案 1 :(得分:0)

<div class="imgWrap clearfix">
    <div class="Slider_img">put img source here</div>
    <div class="content">lorem ipsum</div>
</div> 

css

.clearfix 
{
    zoom: 1;
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
    line-height: 0;
}
.clearfix:after {
    clear: both;
}

.Slider_img {
    float:left;
    width:70%; 
}
.content{
    float:right;
    width:30%;
}