I have this HTML:\[code\]<html><head> <title>TEST</title> <link rel="stylesheet" type="text/css" href="http://stackoverflow.com/questions/14427944/css/style1.css"></head><body><div class="container"> <div class="left"> <a class="nolinea" href="http://stackoverflow.com/questions/14427944/test.html"><div class="grezzo"> Tunz-tunz-parapara-tunz</div></a><br> <a class="nolinea" href="http://stackoverflow.com/questions/14427944/test.html"><div class="grezzo"> Tunz-tunz-parapara-tunz</div></a><br> <a class="nolinea" href="http://stackoverflow.com/questions/14427944/test.html"><div class="grezzo"> Tunz-tunz-parapara-tunz</div></a><br> <a class="nolinea" href="http://stackoverflow.com/questions/14427944/test.html"><div class="grezzo"> Tunz-tunz-parapara-tunz</div></a><br> </div> <div class="center"> <a class="nolinea" href="http://stackoverflow.com/questions/14427944/test.html"><div class="grezzo"> Tunz-tunz-parapara-tunz</div></a><br> <a class="nolinea" href="http://stackoverflow.com/questions/14427944/test.html"><div class="grezzo"> Tunz-tunz-parapara-tunz</div></a><br> <a class="nolinea" href="http://stackoverflow.com/questions/14427944/test.html"><div class="grezzo"> Tunz-tunz-parapara-tunz</div></a><br> <a class="nolinea" href="http://stackoverflow.com/questions/14427944/test.html"><div class="grezzo"> Tunz-tunz-parapara-tunz</div></a><br> </div> <div class="right"> <a class="nolinea" href="http://stackoverflow.com/questions/14427944/test.html"><div class="grezzo"> Tunz-tunz-parapara-tunz</div></a><br> <a class="nolinea" href="http://stackoverflow.com/questions/14427944/test.html"><div class="grezzo"> Tunz-tunz-parapara-tunz</div></a><br> <a class="nolinea" href="http://stackoverflow.com/questions/14427944/test.html"><div class="grezzo"> Tunz-tunz-parapara-tunz</div></a><br> <a class="nolinea" href="http://stackoverflow.com/questions/14427944/test.html"><div class="grezzo"> Tunz-tunz-parapara-tunz</div></a><br> </div></div></body></html>\[/code\]And this CSS:\[code\].grezzo{-webkit-border-radius: 30px 30px 30px 30px;-moz-border-radius: 30px 30px 30px 30px;border-radius: 30px 30px 30px 30px;width: 200px;padding: 30px 30px 30px 30px;background: grey;text-align:center;color: white;box-shadow: 15px 15px 10px black;transition: border-radius 2s, background 2s;-moz-transition: -moz-border-radius 2s, background 2s;-webkit-transition: -webkit-border-radius 2s, background 2s;}.grezzo:hover {-webkit-border-radius: 40px 30px 40px 30px;-moz-border-radius: 40px 30px 40px 30px;border-radius: 40px 30px 40px 30px;transition: border-radius 2s, background 2s;-moz-transition: -moz-border-radius 2s, background 2s;-webkit-transition: -webkit-border-radius 2s, background 2s;background: darkblue;}.nolinea {text-decoration: none;}.left{float: left;width: 500px;}.center{margin:0 auto;width: 100%;}.right{float: right;width: 500px;}.container{width: 100%;}\[/code\]This is the like to jsfiddle.My problem is: I want to have my 3 menus left/center/right, like a table, but not using it. How can I place them like this?
Can't align DIVs left/center/right horizontally
- Thread starter Malice
- Start date