Question

This is a really simple question about CSS. I want to get the style depicted in the picture, I tried this code:

#parent {
    overflow: hidden;
text-align:center;
}
.navbar {
position:absolute;
top:0px;
right:3px;  
}
.logo {
float:left;
}
.table {
float:left;
}

but it doesn’t work for me, I get this:

Answer 1

Try:

#parent {
overflow: hidden;
text-align:center;
margin:auto;
width:80%;
}
.navbar {
position:absolute;
top:0px;
right:3px;  
}
.logo {
float:left;
}
.table {
float:left;
}

In order to accomplish what you want, you’ll need to center your parent divider using margin:auto and placing a fluid width using width:80%.