.rating {
     float:left;
 }

/* :not(:checked) is a filter, so that browsers that don’t support :checked don’t
    follow these rules. Every browser that supports :checked also supports :not(), so
    it doesn’t make the test unnecessarily selective */
.rating:not(:checked) > input {
    position:absolute;
    top:-9999px;
    clip:rect(0,0,0,0);
}

.rating:not(:checked) > label {
    float:right;
    width:1em;
    padding:0 .1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:200%;
    line-height:1.2;
    color:#ddd;
    text-shadow:1px 1px #bbb, 2px 2px #666, .1em .1em .2em rgba(0,0,0,.5);
}

.rating:not(:checked) > label:before {
    content: '★ ';
}

.rating > label:active {
    position:relative;
    top:2px;
    left:2px;
}
hr {
    margin-top: 2px;
    margin-bottom: 3px;
}
 .reviewHeader {
     margin-bottom: 20px;
 }

.reviewHeader div{
    display: inline-block
}

.ratebox {
    padding: 20px 13px;
    font-size: 3em;
     border-radius: 3px;
     letter-spacing: -5px;
}
.reviewbox {
    padding: 0 5px;
    bottom: -10px;
    position: relative;
}