[HTML][CSS]Dopasowanie szerokosci wysrodkowanego diva Opcje

[sajegib]

Witam Państwa
Mam taki mały css-owy problem

Mam wyśrodkowanego diva:

[HTML] pobierz, plaintext 
<div class="radio">
        <input type="radio" name="0" value="1"/>xxx<br>
        <input type="radio" name="0" value="2"/>xxx<br>
        <input type="radio" name="0" value="3"/>xxx<br>
        <input type="radio" name="0" value="4"/>xxx<br><br>
		</div>
[HTML] pobierz, plaintext 

CSS

[HTML] pobierz, plaintext 
.radio{
margin-right: auto;
margin-left: auto;
width: 5%;
overflow: visible;
text-align: left;
}
[HTML] pobierz, plaintext 

Chciałbym, żeby div sie powiększał równomiernie w obie strony (lewo, prawo) wraz ze wzrostem długości treści w radiobuttonach, jak do tego dojść? kombinuje kombinuje i nic z tego

Dzięki za pomoc