Site Title

HEADER

Link

Text

Text

You can use a box like this to make code visible and copyable! The rows and cols let you change its size. Mess around and find a size you like.

I left a blinkie here so you can see how they are embedded.

Placeholder image, describe images with alt text like this. If the link is broken as it is here, the alt text displays instead of the image.

Header

Text goes here. The box will scale with your text and image. Wow!

You can have as many of these boxes as you want. They'll be nested inside your "Big Container" div if you keep the code like this, but if you take them out of that div, they'll arrange themselves instead of being constrained by the box. "Container," "Small Container" and "Big Container" divs can all have background colors and borders assigned to them if you want, but in this version of the code, they are transparent.

Ilustracje - grafika digitalowa

Kot

cat

Lorem ipsum dolor..

study

enviromental study

Lorem ipsum dolor..

cotl

Cult of the Lamb

Lorem ipsum dolor..

demoman

Demoman

Lorem ipsum dolor..

Car

Konrad

artfight

Car

Classic

Lorem ipsum dolor..

People

Girl

Lorem ipsum dolor..

People

Man

Lorem ipsum dolor..

People

Woman

Lorem ipsum dolor..

To make text align left, put in an alignment tag like this. This can also be changed in the div styles, if you want your whole div's text aligned left.

You can also put smaller divs inside bigger divs like this. This is how I do the character boxes on my characters page - they are all sidebar divs with links and images in them.

If you put in more than one, they'll sit next to each other until they run out of room, at which point they'll start going vertically.

To make them stay the same height, you can add a height code in as seen here. See how some of these have a scroll bar? That's because it reached its max height. If max height is a number, this can happen. If max height is set to "auto," the divs will just stretch with content.