html - css 无法将图像放在文本的右侧

Question

我有一张图片，想把我的文字放在它的右边。我有下面的代码，为什么它不起作用？ 我的 fiddle : http://jsfiddle.net/a2kjtuet/2/#&togetherjs=zvUcL6sQOE

.posText { 
 position: absolute; 
 top: 200px; 
 left: 0; 
 width: 100%; 
 }

  <img src="http://www.placecage.com/100/100"/>

  <h4> Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h4>    
  <p>Vestibulum vehicula odio quis ante pellentesque pharetra. Duis congue nibh in nisl iaculis iaculis. Nunc cursus est ut leo sollicitudin euismod.<br>

  Maecenas commodo dui sed interdum placerat. Duis nec semper nunc. Fusce at  volutpat eros.Etiam tincidunt nulla ut mauris pellentesque, nec ullamcorper  dolor scelerisque. Praesent semper pharetra viverra. <br>

  <b>Ut fermentum sodales felis quis rutrum.</b>
  </p>

  </div>

Answer 1

用左浮动设置图像样式

  <img style="float:left;"  src="http://www.placecage.com/100/100"/>