Depending on the size of the container in which you are wanting to publish your modules . . .
1. You can float them all left, making sure its widths and paddings fit on the container.
– for example:
#module1 {
width: 580px;
height:auto;
float: left;
}
#module2 {
width: 270px;
height:auto;
float:left;
}
or
2. You can use a “display: inline-block” property – making sure to fit your widths and paddings on the container
– for example:
div .module-container {
height:53px;
width:100%;
position:fixed;
}
div .module-container div .module-left {
display: inline-block;
width:32%;
height:31px;
}
div .module-container div .module-right {
display: inline-block;
width:32%;
height:31px;
}
div .module-container div .module-center {
display: inline-block;
margin:0 auto;
height:31px;
width:32%;
}
