HTML/CSS help thread

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

(09-20-2015, 11:20 AM)Illuminati Wrote:

[To see links please register here]

Hello again.

So I managed to vertically align center text on right side of pic, like picture caption. Here is what I mean:

[To see links please register here]

(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 :-)

Hidden Content

You must

[To see links please register here]

or

[To see links please register here]

to view this content.

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}

(09-21-2015, 01:08 PM)Captin_Lulzboat Wrote:

[To see links please register here]

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.

(09-21-2015, 01:08 PM)Captin_Lulzboat Wrote:

[To see links please register here]

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