pic in <div> throws text

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

Post Reply
MiniMonty
Forum Contributor
Posts: 196
Joined: Thu Sep 03, 2009 9:09 am
Location: UK

pic in <div> throws text

Post by MiniMonty »

Hi all,

I've agreed to help out a friend and found myself a little out of my depth with the html (I'm a php / Flasher at heart and haven't dealt with html for years).
So he has a <div> tag with some text that goes "7 the love of money is the root of all evil"
and I need to change the "7" into a small graphic (a little .gif).

All my attempts so far have thrown off the text badly (the text aligns to the bottom of the pic while I need them both centred horizontally) so I'd appreciate
any hints / tips / code to sort it out.
What I've inherited looks like this:

Code: Select all

<div class="randoms" id="randoms_blurb">
				<h3><span>7</span>The love of money is the root of all evil</h3>
					<div class="general">
					<div class="con">
					<p><br/>con</p>
					<div class="opts" id="advice7">
					<input type="text" value="" name="t_con" id="t_con"/>
					</div>
All and any help much appreciated,
Best wishes
Monty
User avatar
kaszu
Forum Regular
Posts: 749
Joined: Wed Jul 19, 2006 7:29 am

Re: pic in <div> throws text

Post by kaszu »

Set to H3 and IMG

Code: Select all

vertical-align: middle;
Post Reply