Pal Zileri BEM Block Element Object

by will525

HTML

<div class="fitting-guide">
    <div>
        Enter your measurment below (cm OR inch) and click <br/>'Enter Details'
    </div>
    <div class="fitting-guide--input">    
        <input id="Cm" name="Cm" placeholder="00.00" type="text" value=""/>
        <label for="Cm">CM</label>
    </div>
    <div class="fitting-guide--input">    
        <input id="Inch" name="Inch" placeholder="00.00" type="text" value=""/>
        <label for="Inch">INCH</label>
    </div>
    <input type="submit" class="fitting-guide--blackbutton" value="Enter Details"/>
</div>

CSS

.fitting-guide {
    background:#f1f1f1;
    font-family: "Gill Sans","Gill Sans MT",Calibri,sans-serif;
    font-size:14px;
    height:81px;
    line-height:16px;
    padding:2px 8px;
    width:369px;
}
.fitting-guide--input {
    float:left;
    padding-top:8px;
    width:95px;
}
.fitting-guide--input input {
    color:#000;
    font-size:15px;
    height:28px;
    width:50px;
}
.fitting-guide--blackbutton {
    background-color: #000;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: "Gill Sans","Gill Sans MT",sans-serif;
    font-size: 13px;
    float:right;
    height: 34px;
    line-height: 18px;
    margin-top:8px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border: 0;
    width: 161px;
}