Centralizing a floating element :(
- by 2x2p1p
Hi guys :|
My "div" element have a relative width, it isn't absolute so I can't use exact numbers to centralize. A nice solution is to use "display: inline-block":
body {
text-align: center;
}
#myDiv {
border: 1px solid black;
display: inline-block;
padding: 50px;
}
But this element NEEDS to float, I tried this:
#myDiv {
border: 1px solid black;
display: inline-block;
float: left;
padding: 50px;
}
And this:
#myDiv {
border: 1px solid black;
display: inline-block;
padding: 50px;
position: absolute;
}
Without any success, can somebody help me ?
Thanks
