Simple CSS positioning

I need to fix two elements on a page.
The first element is an .svg image, this one need to be in the middle of the page, always!
The second element is a text line, this one need to be in the bottom/center of the page, always!

The page is ready, but the second element is in the wrong position, it is at the top of the page, but I want it at the bottom.

That's what I've done...

Download link

How does my site look?

I have recently created a website,
I was wondering if people here could take the time to check it out and give feedback,



border / border radius and text alignment queries. Can you help?


I'm trying to style a table. This is the HTML (which I have to leave unaltered):

<!DOCTYPE html>
<html lang="en">
	<meta charset="UTF-8">
	<title>Ultimate Frisbee - Teams</title>
	<link rel="stylesheet" href="css/hw1.css">
		<h1>Ulimate Frisbee Teams</h1>
			<a href="index.html">Home</a>
			<a href="history.html" class = "active">Teams</a>
			<a href="history.html">History</a>
			<a href="" target="_blank">USA Ultimate</a>
		<aside class = "left">

Vertically arranged images with text alongside: inline-block?


When I say that I'm a beginner with CSS (and HTML), I mean it!

Im trying to style my page to look very similar to this: but I'm struggling to get the 3 images vertically whilst allowing the text to sit next to them. I presumed 'inline-block' was the way to go but I can only get the images vertical by using 'block'.

This is the HTML i am working with (which I am not allowed to alter):

<!DOCTYPE html>
<html lang="en">
	<meta charset="UTF-8">
	<title>Ultimate Frisbee - Home</title>

CSS (Weebly) blog sidebar, content width, scrollbars - Help, please!

Hi, everyone! I am new here and new to CSS!

Syndicate content