Page 1 of 1

pic in <div> throws text

Posted: Tue Jun 22, 2010 6:06 pm
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

Re: pic in <div> throws text

Posted: Wed Jun 30, 2010 1:58 pm
by kaszu
Set to H3 and IMG

Code: Select all

vertical-align: middle;