So richten Sie Objekte horizontal aus

Bitte helfen Sie mir, diese Boxen nebeneinander und nicht übereinander zu platzieren. Das sollte so einfach sein, aber aus irgendeinem Grund kann ich es nicht herausfinden.So richten Sie Objekte horizontal aus

https://jsfiddle.net/DShepherd79/6qsg8g1L/2/

<body> 
    <div class="horAlign"> 
     <a class="rTableCell processMap"></a> 
     <a class="rTableCell sharepoint"></a> 
    </div> 
</body> 

.horAlign{ 
    background-color:black; 
    width: 500px; 
    position: absolute; 
} 

.rTableCell{ 
    padding:25px; 
} 

/*images Start Here*/ 
.processMap { 
    background:#08F80D no-repeat center; 
    display:block; 
    height:50px; 
    width:50px; 
} 

.sharepoint{ 
    background-color:purple; no-repeat center; 
    display:block; 
    height:50px; 
    width:50px; 
} 

/*Hover Images Start Here*/ 
.processMap:hover { 
    background-color:red; no-repeat center; 
} 

.sharepoint:hover { 
    background-color:blue; no-repeat center; 
}

Quelle

2016-08-12 D. Shepherd