h1 {text-align: center;} p {text-align: center;} #start {text-align: center;} #result {text-align: center;} .desk { background-image: url('desk.png'); background-repeat: no-repeat; background-position: center; background-size: contain; width: 50%; height: 100px; float: left; } .chair { background-image: url('chair2.png'); background-repeat: no-repeat; background-position: center; background-size: contain; width: 50%; height: 100px; float: right; } .sofa { background-image: url('sofa.png'); background-repeat: no-repeat; background-position: center; background-size: contain; width: 50%; height: 100px; float: left; } .bed { background-image: url('bed.png'); background-repeat: no-repeat; background-position: center; background-size: contain; width: 50%; height: 100px; float: right; } .tree { background-image: url('tree.png'); background-repeat: no-repeat; background-position: center; background-size: contain; width: 50%; height: 100px; float: left; } .mirror { background-image: url('mirror.png'); background-repeat: no-repeat; background-position: center; background-size: contain; width: 50%; height: 100px; float: right; } .bag { background-image: url('bag.png'); background-repeat: no-repeat; background-position: center; background-size: contain; width: 50%; height: 100px; float: left; } .doll { background-image: url('doll.png'); background-repeat: no-repeat; background-position: center; background-size: contain; width: 50%; height: 100px; float: right; } .clock { background-image: url('clock.png'); background-repeat: no-repeat; background-position: center; background-size: contain; width: 50%; height: 100px; float: left; } .light { background-image: url('light.png'); background-repeat: no-repeat; background-position: center; background-size: contain; width: 50%; height: 100px; float: right; } .key { background-image: url('key.png'); background-repeat: no-repeat; background-position: center; background-size: contain; width: 100%; height: 100px; clear: left; } .success{ color: red; } .failure{ color: blue; }