Aligning text by an image

**RapidGaming** · Dec 31, 2003, 14:24

I'm trying to get something like this:

######### ~~~~~~~~~
######### ~~~~~~~~~
######### ~~~~~~~~~
# I M A G E # ~~~~~~~~~
######### ~~~~~~~~~
######### ~~~~~~~~~
######### ~~~~~~~~~

Where the ~~~ is the text. I can only manage to get it to work like this:

######### ~~~~~~~~~
#########
#########
# I M A G E #
#########
#########
#########
~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~

I am using the CSS:

Code:

 #img4 {vertical-align: text-top;}

..this does the same..

Code:

 #img4 {vertical-align: top;}

Thanks for any help!

**kish** · Dec 31, 2003, 14:32

try floating the image to the left of the text...

#img4 {float: left;}

**RapidGaming** · Dec 31, 2003, 14:44

Perfecto, thank you.

**kish** · Dec 31, 2003, 14:51

np

**RapidGaming** · Dec 31, 2003, 15:02

Can I do a float center? I did:

Code:

display: block;
    margin-left: auto;
    margin-right: auto

but it doesn't work with IE, only Mozilla.

**r937** · Dec 31, 2003, 16:26

$5 and i'll tell you how to do it in IE

User Tag List

Thread: Aligning text by an image

Thread Tools

Display

Aligning text by an image

Bookmarks

Bookmarks

Posting Permissions