I have a slight issue with alignment in my CSS

I've tried several things like making the divs smaller (even very tiny to see if they go next to each other) and experimenting with inline-block/float left and right but I can't get my divs side by side, below is the CSS please help

#ContentHome {
    clear: both;
    margin-left: 0;
    width: 79%;
    display: inline-block;
    vertical-align: top;
    border: thin solid #FFF;
    color: #000000;
}
#Side {
    clear: both;
    margin-left: 0;
    width: 20%;
    display: inline-block;
    vertical-align: top;
    font-family: "Myriad Pro", Calibri;
    font-size: 16px;
    border: thin solid #FFF;
    color: #000000;
}