I have 4 lists (Company, Services, Rate a Services and Contacts) and I need to show them on my page as in the image but by assumptions in an aligned way, what should I do ???
I have 4 lists (Company, Services, Rate a Services and Contacts) and I need to show them on my page as in the image but by assumptions in an aligned way, what should I do ???
You could put each list in a div, and these in turn in a parent div, define a width for the children and put the property float:left from css to the children.
For example:
#padre {
width: 330px;
height: 300px;
background-color: black;
padding-top: 10px;
padding-bottom: 10px;
}
.hijos {
width: 100px;
height: 300px;
float: left;
margin-right: 5px;
margin-left: 5px;
background-color: white;
}<div id="padre">
<div class="hijos">
</div>
<div class="hijos">
</div>
<div class="hijos">
</div>
</div>