JSFiddle - React, Tailwind, and code Playground

by jblasco

HTML

<div id="header">
    
    <br />
    Student Name:<br />
    Student Number:<br />
    Assignment #2: Introduction to PHP<br />
    <br />
    <div id="menu">
      <br />
    
      <center>
        <a href="index.php">Home</a> | <a href="Question1.php">Question 1</a> | <a href=
        "Question2.php">Question 2</a> | <a href="Question3.php">Question 3</a> |
        <a href="Question4.php">Question 4</a><br />
        <br />
      </center>
    </div>
</div>

<div id="content">
    <br />
    
    <center>
      <h1>Welcome to Angela's Assignment 2 website for CST8238.</h1><br />
      <br />
      On this website you will find answers to the four questions in the assignment.
    </center>
</div>

<div id="footer">
    <center>
      This is the end to this question.<br />
      ~ASSIGNMENT 2~
    </center>
</div>

CSS

body {
    margin: 0;
}
#menu {
    background-color: #FBFEB7;
    height: 50px;
    width: 440px;
    position: absolute;
    bottom: 0;
    right: 0;
    color: black;
}
#header {
    background-color: #FEB7B7;
    height: 100px;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

#content {
    background-color: #B7CCFE;
    height: 730px;
    width: 800px;
    margin: 0 auto;
}

#footer {
    background-color: #BCFEB7;
    height: 40px;
    width: 800px;
    margin: 0 auto;
}