html 画像のキャプション等を縦央央央央央央央vertical

Posted 2021-05-11

.sample span {
  display: table-cell;
  vertical-align: middle;
}

/* IE6 */
* html .sample span { display: inline; zoom: 1;}
/* IE7 */
*:first-child+html .sample span { display: inline;}

<div class="sample">
  <span><img src="image.jpg" /></span>
  <span>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  Aenean commodo ligula eget dolor.</span>
</div>