http://appro.mit.jyu.fi/2000/syksy/tietoverkot/luennot/luento9/columns.css

body {
  background-color: white;
  margin: 0;
  padding: 0em;
  font-family: Arial, Verdana, sans-serif;
  font-size: 0.8em;
}

.sarakkeet {
  margin: 1em;					 
  border: none;
  width: 100%;
}

.oikea {
  text-align: justify; 
  margin: 0; 
  padding-left: 1%;
  padding-right: 1%;
  border-right: 1px solid black; 
  border-left: 1px solid black; 
  width: 30%; 
  float: left; 
}

.keski {
  text-align: justify; 
  margin: 0; 
  padding-left: 1%;
  padding-right: 1%;
  width: 30%; 
  float: left; 
}

.vasen {
  text-align: justify; 
  margin: 0; 
  padding-left: 1%;
  padding-right: 1%;
  border-right: 1px solid black; 
  border-left: 1px solid black; 
  width: 30%; 
  float: left; 
}