div+css中怎么实现左边是图,右边是文字。

 时间:2024-10-13 08:33:52

1、元素必须要有宽度。需要用float。

2、float可以加在盒子上,也可以加在你需要浮动的元素上。考虑整体的效果和可读性。

3、参考代码<div class="introduce"> <div class="introduce-l"></div> <div class="introduce-r"> <h3></h3> <p></p> </div> </div>===============================================.introduce{width:1000px; height:270px; margin:0 auto}.introduce-l{width:594px; height:270px; background:url(../images/introduce.jpg) no-repeat; margin:20px 30px 30px 20px; float:left}.introduce-r{float:left;}.introduce-r h3{padding-top:10px;}.introduce-r p,span{height:55px; line-height:22px; width:286px; font-size:14px;}

  • HTML图片/文字并排排列代码怎么写【左图右文】
  • html图片如何居中
  • 网页制作中怎样将div的位置下移
  • 如何在HTML中插入图片
  • 使用div+css实现左边是文字,右边是图片的效果
  • 热门搜索
    文明礼仪手抄报内容 心理健康手抄报内容 遨游汉字王国的手抄报的图片 数学手抄报 勤俭节约手抄报 安全教育手抄报 健康教育手抄报 文明礼仪伴我行手抄报 反对邪教手抄报 数学手抄报内容