#details {
  width: 200px;
  float: left;
  text-align: center;
  margin: 15px 0 0;
}

#material-list {
  width: 300px;
  float: right;
  text-align: left;
}

.material {
  background: #eee;
  padding: 5px 0 5px 5px;
  margin: 0 0 3px;
}

.material:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.material-photo {
  float: left;
}

.material-description {
  float: right;
  width: 230px;
  text-align: left;
}