Verkkokauppa

HTML

<html>
    <head>
        <title>Sivu</title>
    </head>

    <body>
        
        <header>
            <img src="http://ronjao.github.io/Saavutettavuus/kuvat/logo.png" class="ylakuva" />
        </header>
        
        <ul class="linkkilista">
            <li><a href="#">Etusivu</a></li>
            <li><a href="#">Ostoskori</a></li>
            <li><a href="#">Käyttäjätiedot</a></li>
            <li><a href="#">Kodin tarvikkeet</a></li>
            <li><a href="#">Matkailu</a></li>
            <li><a href="#">Harrastukset</a></li>
            <li><a href="#">Lastentarvikkeet</a></li>
            <li><a href="#">Lemmikit</a></li>
            <li><a href="#">Toimitusehdot</a></li>
            <li><a href="#">Yhteystiedot</a></li>
        </ul>
         
         
        <h3>Verkkokaupassamme voit tehdä mahtavia ostoksia täysin omassa rauhassa! Älä epäröi, aloita jo oma shoppauskierroksesi! Maailman parhaat tuotteet odottavat sinua vain parin klikkauksen päässä – aloita valitsemalla kategoria.</h3> 
        
        <h2>Valikoimissamme on ihastuttavia tuotteita koko perheen tarpeisiin. Verkkokauppamme on juuri sinulle, joka tarvitset tavaraa. Kaikkea kaikille! Maksuton toimitus. Palautus mahdollinen tietyin ehdoin. Liirunlaarum. Uudistamme valikoimia jatkuvasti asiakkaiden toiveiden mukaisesti, joten älä eppäröi, jos valikoimastamme puuttuu juuri sinun lempituotteesi: ota yhteyttä ja pian saat senkin meiltä!</h2>
        
        <table>
            <tr><td colspan="3" class="alet">Viikon parhaat alennukset verkkokaupassamme!</td></tr>
            <tr><td>Pilkkihaalarit</td><td>243€</td><td>-20%</td></tr>
            <tr><td>Lasten turvaistuin turbo</td><td>1 200€</td><td>-70%</td></tr>
            <tr><td>Joka kodin perunaleikkuri</td><td>42€</td><td>-15%</td></tr>
            <tr><td>Kissan timanttitalutin</td><td>180€</td><td>-10%</td></tr>
            <tr><td>Frozen-löylykauha</td><td>225€</td><td>-30%</td></tr>
            <tr><td>Kilkattava...

CSS

body {
  margin: 0 30px;
}

.linkkilista {
  list-style-type: none;
  float: right;
  border-left: 2px solid #666;
}

.linkkilista a {
  text-decoration: none;
}

header {
  margin-bottom:-30px;
  margin-top:-30px;
}

header img {
  width: 200px;
  display: block;
  margin: auto;
}

h2 {
  font-size:1em;
  font-weight: normal;
}

.pankit {
  margin: 5px auto;
  display: table;
}
.pankit img {
  width: 40px;
}

.pankit li {
  display: inline-block;
  margin: 0 5px;
}

.maksutavat {
  font-weight: bold;
  font-size: 1.2em;
}

.alet {
  font-weight: bold;
  font-size: 1.1em;
}

table {
  border: none;
  background-color: #EEDDEE;
  margin: 20px;
}