如何在图像旁边的块中浮动文本?

时间:2016-02-11 11:46:46

标签: html css html5 css3

我一直尝试使用不同的显示设置(块+内联文字等)     但它仍然无法正常工作。 查看我的网站:http://maroccouture.com/produit/foie-gras/

2 个答案:

答案 0 :(得分:0)

我认为这就是你的要求

.summary entry-summary {
  float: right;
}
.images {
  float: left;
}

答案 1 :(得分:0)

我不能编辑js小提琴文件作为所有这些的新手,所以不确定如何。

  1. 放一个div id =" container"围绕你的div类="图像"和div class =" summary"
  2. 所以在#container

    中只有.summary和.images div
    1. 在css中添加和更改:
    2. .container {width:950px!important;显示:内联块;}

      .images {float:left!important;宽度:400px!重要;显示:内联块;保证金:0px!important; padding:0px!important;}

      .summary {float:right!important;宽度:500px!重要;显示:内联块;保证金:0px!important; padding:0px!important;}

      这会将文本放在图像旁边。然后你可以用css来调整它的样式,并逐一消除css中的!important,检查以确保它已经改变了任何东西。

      希望有所帮助!