#content1 {
  width: 960px ;
  margin-left: auto ;
  margin-right: auto ;
}

#content2 {
  width: 1024px ;
  margin-left: auto ;
  margin-right: auto ;
}

table.alg {
   
   align:center;
}

table.alg th {
    padding: 4px;
    text-align: left;
    border-bottom: 3px solid black;
}

table.alg td {
    padding-right: 80px;
    border-bottom: 1px solid black;
}

table {
        border-collapse: separate;
        border-spacing: 0px 5px;
      }
      
.rotate {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);

  /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  padding: 0px 0px 0px 0px;
    margin: 0px;
    text-align: right;
    vertical-align: center;
  /* Should be unset in IE9+ I think. */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}