如何水平對齊項目

請幫我把這些盒子放在一起，而不是彼此重疊。這應該是如此簡單，但由於某種原因，我無法弄清楚。如何水平對齊項目

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; 
}

來源

2016-08-12 D. Shepherd