MDN Assesment Letter

MDN Assessment Letter

by rbalasak

HTML

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="author" content="Rajkumar Balasakuri">
    <link href="styles/style.css" rel="stylesheet" type="text/css">
    <title>Assessment wanted for Marking up a letter</title>
  </head>
  <body>
        <address class="sender-column">
             <p>
               <strong>Dr. Eleanor Gaye</strong><br>
                Awesome Science faculty <br>
                University of Awesome <br>
                Bobtown, CA 99999, <br>
                USA <br>
                <strong>Tel: </strong>01234 567 890 <br>
                <strong>Email: </strong>me@grim-north.co.uk <br>
            </p>
        </address>
        <p>
          <div class="sender-column">
            <time  datetime="2016-01-20" >20 January 2016</time>
          </div>
        </p>
        <address>
          <P>
            <Strong>Miss Eileen Dover</Strong><br>
            4321 Cliff Top Edge<br>
            Dover, CT9 XXX<br>
            UK<br>
          </P>
        </address>
        <h1>Re: Eileen Dover university application</h1>
        <p>Dear Eileen,</p>
        <p>Thank you for your recent application to join us at the University of Awesome's science faculty to study as part of your <abbr title="Doctor of Philosophy">PhD</abbr>
        next year. I will answer your questions one by one, in the following sections.</p>
        <h2>Starting dates</h2>
        <p>We are happy to accommodate you starting your study with us at any time, however it would suit us better if you could start at the beginning of a semester; the start dates for each one are as follows:
        </p>
        <ul>
          <Li>First semester: <time  datetime="2016-09-09" >9 September 2016</time></Li>
          <Li>Second semester: <time  datetime="2017-01-15" >15 January 2017</time></Li>
          <Li>Third semester: <time  datetime="2017-05-02" >2 May 2017</time></Li></Li>
        </ul>
        <P>Please let me know if this is ok, and if so which...

CSS

body {
    max-width: 800px;
    margin: 0 auto;
  }
  
  .sender-column {
    text-align: right;
  }
  
  h1 {
    font-size: 1.5em;
  }
  
  h2 {
    font-size: 1.3em;
  }
  
  p,ul,ol,dl,address {
    font-size: 1.1em;
  }
  
  p, li, dd, dt,address{
    line-height: 1.5;
  }