[Typo]

Hello again.

So I managed to vertically align center text on right side of pic, like picture caption. Here is what I mean: http://prntscr.com/8idvsx (don't mind about that thumb)
However as you can see problem is that if text is too long it jumps to below the picture. Can someone help me fix that? Thanks :-)

Code:

<div> <img src="http://i.imgur.com/nV8MeeE.jpg" height="200" style="vertical-align: middle;" width="157" /> <span style="font-family: &quot;Courier New&quot;,Courier,monospace;"><span style="font-size: large;">"Some people will always need help. That doesn't mean they're not worth<br />helping." </span></span></div>

[Blackout_mybb_import19102]

(hug) I dont need help but i can help others  (hug)

[Captin_Lulzboat]

Hello again.

So I managed to vertically align center text on right side of pic, like picture caption. Here is what I mean: http://prntscr.com/8idvsx (don't mind about that thumb)
However as you can see problem is that if text is too long it jumps to below the picture. Can someone help me fix that? Thanks :-)

Code:

<div> <img src="http://i.imgur.com/nV8MeeE.jpg" height="200" style="vertical-align: middle;" width="157" />  <span style="font-family: &quot;Courier New&quot;,Courier,monospace;"><span style="font-size: large;">"Some people will always need help. That doesn't mean they're not worth<br />helping." </span></span></div>

couldnt you do something like this

HTML
<li id="CN2787">
  <img class="fav_star" src="http://i.imgur.com/nV8MeeE.jpg">
  <p>
     <span>"Some people will always need help. That doesn't mean they're not worth<br />helping."</span>
  </p>
</li>

CSS
li p{width: 100px; margin-left: 157px}
.fav_star {width: 100px;float:left}

[Kotomi]

couldnt you do something like this

HTML
<li id="CN2787">
  <img class="fav_star" src="http://i.imgur.com/nV8MeeE.jpg">
  <p>
     <span>"Some people will always need help. That doesn't mean they're not worth<br />helping."</span>
  </p>
</li>

CSS
li p{width: 100px; margin-left: 157px}
.fav_star {width: 100px;float:left}

Bad practice to use caps in ID or class.

[Typo]

couldnt you do something like this

HTML
<li id="CN2787">
  <img class="fav_star" src="http://i.imgur.com/nV8MeeE.jpg">
  <p>
     <span>"Some people will always need help. That doesn't mean they're not worth<br />helping."</span>
  </p>
</li>

CSS
li p{width: 100px; margin-left: 157px}
.fav_star {width: 100px;float:left}

Tried, now it looks like this