Horizontal Buttons

Use the code below to create an array of buttons that are aligned horizontally.  To begin, add several Button Elements into one column of a Columns Element.

 


<style type="text/css">
.cc-m-hgrid-column .j-callToAction {
float: left;
}
.cc-m-hgrid-column .j-callToAction:last-of-type {
float: none;
}
.cc-m-hgrid-column .j-callToAction:last-of-type:after {
height: 0;
content: &quot;.&quot;;
display: block;
clear: both;
visibility: hidden;
}
@media only screen and (max-width: 745px) {
.cc-m-hgrid-column div.n.j-callToAction {
padding: 5px;
}
}
</style>


Example: