Css:将图像立即放置在标题和副标题的右侧

时间:2012-08-14 08:54:18

标签: css positioning

假设我有这个HTML代码:

<img src="pic.jpg"/>
<h1>Title!</h1>
<h5>A subtext</h5>
<hr/>

什么css代码会给我以下结果?

css_example

1 个答案:

答案 0 :(得分:1)

<div id="container">

<div class="content_left">
  <h1>Title!</h1>
  <h5>A subtext</h5>
  <hr/>
</div>
<div class="content_right">
  <img src="pic.jpg"/>
</div>
<div>

的CSS:

#container {
  width: yourwidth;
  height: yourheight;
}

.content_right {
  float:right;
  width: width of image;
}
.content_left {
  float:left;
  width: width of text;
}

这当然只是众多方法中的一种......