I am struggling to align these boxes next to each other instead of on top of each other. It seems like it should be an easy task, but I just can't seem to make it work.
Check out my code here for reference.
<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;
}