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...
I have recently created a website,
I was wondering if people here could take the time to check it out and give feedback,
I'm trying to style a table. This is the HTML (which I have to leave unaltered):
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Ultimate Frisbee - Teams</title> <link rel="stylesheet" href="css/hw1.css"> </head> <body> <header> <h1>Ulimate Frisbee Teams</h1> <nav> <a href="index.html">Home</a> <a href="history.html" class = "active">Teams</a> <a href="history.html">History</a> <a href="http://www.usaultimate.org/index.html" target="_blank">USA Ultimate</a> </nav> </header> <main> <aside class = "left">
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: http://intro-webdesign.com/CSS/assignment-2/index.jpg 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"> <head> <meta charset="UTF-8"> <title>Ultimate Frisbee - Home</title>
Hi, everyone! I am new here and new to CSS!