I've trying to do something that I'm sure is simple, but I can't do it.

All I want to do is have an image and then some text after that image, and be able to control accurately the amount of space between the image and the text.

Here's my code:

http://pastebin.com/fx17XUaR

I couldn't work out how to paste it in here directly.

In my style sheet, wrap has these attributes:

.wrap { //text-align: left; width: 1100px; height: 870px; background-color: white; color: black; padding: 10px; margin: auto;

I want my text to look like this directly below the image:

Username

Age

Location

Currently, I just add loads of break tags to control where I have the text, but that's messy and there must be a better way.

Thanks in advance for any help.