How can I get my image in line with my text on the right of it. I have included the code to show what I have tried and an image to show the (unexpected) outcome. P.s. I don't know if "#about img" is a legit thing, i've only just started learning about this stuff .
The image isn't the only thing floating. Put it before the floated P and it will be to the right.
If you have two or more floats after each other in the markup, the first one will go all the way out to the left or right, the next one will place itself on the inside of the first one and so on as long as there is room for them. When there isn't they will start dropping to the next line.
I wouldn't float that P. I see no point in it. And with that huge right margin the text will disappear outside the screen, to the left, in a smaller window. If you want to center it, center it the normal way, by giving it a width (px or %) and auto left and right margins. Or just give it equal left and right margins, in percent. I would center the DIV, not the P. And don't use a height on containers with text in them. As the window grows smaller the text block will grow higher and the text needs someplace to go.
It will still look better with the image before the P though. You can change how high up it is with a little top margin, negative or positive. .
Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)