URL and Link repository

Thursday, November 17, 2016

CSS for 3 Divs Side by Side and Centered

//  Create a centered wrap block that holds 3 blocks aligned horizontally
.wrap{
text-align: center;
margin: 0 auto;
padding: 5px;   
}
.left{
display:inline-block;
vertical-align:top;
margin: 10px;
color: white;
padding: 5px;
opacity:0.60;
filter:alpha(opacity=60);
border-radius: 10px;
background:#037DAE
}
.center{
display:inline-block;
vertical-align:top;
opacity:0.60;
filter:alpha(opacity=60);
color: white;
background:#037DAE;
padding: 5px;
margin: 10px;
border-radius: 10px; 
}
.right{
display:inline-block;
vertical-align:top;
color: white;
margin: 10px;
padding: 5px;
opacity:0.60;
filter:alpha(opacity=60);
border-radius: 10px;
background:#037DAE
}
The above CSS renders this site: dfx.dataforge1.com

No comments:

Post a Comment