多行文本旁边的垂直对齐图像

时间:2014-01-04 16:46:54

标签: html css

是否可以垂直对齐图像旁边的多行文字。我试过这个:http://jsfiddle.net/lassebjensen/4fv6u/3/

#holder {
      vertical-align: middle; 
      display:table-cell; 
}

.img-left{ 
      float:left; 
      padding-left:35px;
      vertical-align:middle;
      margin-right:70px;
}

.text {
    font-size:24px;
        overflow:hidden;
 }

HTML

<div id="holder" >  
      <img class="img-left" src="http://i.cdn.turner.com/cnn/.e/img/3.0/global/header/intl/CNNi_Logo.png" /> 
      <p   class="text" >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eu neque nec lectus egestas hendrerit. Sed sed felis tempor, pharetra nunc eu, molestie lectus. Aenean auctor quam nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eu neque nec lectus egestas hendrerit. Sed sed felis tempor, pharetra nunc eu, molestie lectus. Aenean auctor quam nisi. 
      </p>
</div>

亲切的问候

0 个答案:

没有答案
相关问题