Paint Colours

Paint Colours for our House

by IPWright83

HTML

<div>
    <div class="room">
        <h1>Main Bedroom</h1>
        <div class="colours">
            <div class="group">
                <div class="colour turtleSeas"></div>
                <p>B&amp;Q Turtle Seas Matt</p>
            </div>
            <div class="group">
                <div class="colour almondWhite"></div>
                <p>Dulux Almond White Matt</p>
            </div>
        </div>
    </div>
    
    <div class="room">
        <h1>Bedroom 2</h1>
        <div class="colours">
            <div class="group">
                <div class="colour purple1978"></div>
                <p>Crowns 1978 Purple Matt</p>
            </div>
            <div class="group">
                <div class="colour almondWhite"></div>
                <p>Not Sure (Almond White/Natural Calico?)</p>
            </div>
        </div>
    </div>
    
     <div class="room">
        <h1>Bedroom 3</h1>
        <div class="colours">
            <div class="group">
                <div class="colour forestLake"></div>
                <p>Dulux Forest Lake 3?</p>
            </div>
        </div>
    </div>
    
       <div class="room">
        <h1>Lounge</h1>
        <div class="colours">
            <div class="group">
                <div class="colour ivory"></div>
                <p>B&amp;Q Ivory Matt?</p>
            </div>
        </div>
    </div>
</div>

CSS

body {
    font-family:'Arial'
}

.room {
    width: 100%;
    min-height: 180px;
    clear:both;
}

.colour {
    height: 100px;
    width: 100px;
    border: 1px solid black;
    float: left;
}

.colours p {
    float: left;
    padding-top: 25px;
    vertical-align: center;
    margin-right: 40px;
    margin-left: 5px;
}
.turtleSeas {
    background: #61A098;
}
.almondWhite {
    background: #EDE7D9;
}
.purple1978 {
    background: #674867;
}
.forestLake {
    background: #CEC389;
}
.ivory {
    background: #F6DDBE;
}