Page Widget How to - Align an image and some text on the same line without using div width

Question

We would like to know how to align an image and some text on the same line without using div width.

Answer


<!DOCTYPE html>
<html>
<head>
</head><!--from w w  w  .  j  a  va2 s.c om-->
<body>
  <div style="white-space: nowrap">
    <div style="display: inline;">
      <img src="http://www.java2s.com/style/download.png" />
    </div>
    <div style="display: inline; white-space: nowrap;">A
      very long text(about 300 words)</div>
  </div>
</body>
</html>

The code above is rendered as follows: