[CSS] Centrowanie buttonów w DIVie

[kanan]

W jaki sposob mozna wycentrowac poziomo dwa buttony wewnatrz diva.

Kod: Zaznacz cały

<div class="buttons" >
 <input type="submit" name="send" value="Send">
 <input type="reset" name="reset" value="Reset">
</div>

Probowalem dodac text-align center, ale niestety nie daje to efektu.

[Tomek]

.buttons input {
margin-left:auto;
margin.right:auto;
}
?

[riddle]

No ale przecież input to element liniowy - marginesy działają dla blokowych. Po prostu text-align: center dla div.buttons. Albo display: block i to co podał wyżej kolega.

[kanan]

Niestety w tym sek, ze tak sie nie dzieje... Ustawialem zarowno text-align na center, jak i marginesy w przypadku blokowego i nie blokowego elementu, ale nadal nic

[_Puma_]

Tak działa :

Kod: Zaznacz cały

<style>
#blok { width: 400px; border: 1px solid #000000; }
.buttons input {
margin-left:auto;
margin-right:auto;
display: block;
width: 50px;
}
</style>

<div id="blok">
<div class="buttons" >
 <input type="submit" name="send" value="Send">
 <input type="reset" name="reset" value="Reset">
</div>
</div>

tomasiek podał dobrze tylko miał mały błąd.

[kanan]

A w jaki sposob mozna tego samego dokonac, ale w tabeli?

Kod: Zaznacz cały

<table>
<tr> <td> <!-- tutaj jest tresc, ktora rozciagnie tabelke --> </td> </tr>
<tr> <td> <input type="submit" value="send"> </td> </tr>
</table>

Probowalem zastosowac to co wyzej, ale niestety nie dziala. text-align: center tez nie.

[riddle]

Jak nie działa, jak działa:

Kod: Zaznacz cały

<style type="text/css">
   td.c {
      text-align: center;      
   }
</style>

<table>
<tr> <td> kdashkdskfsdfsdgfisdgflkwyfl;wjegr;ludegfklsfegkfjsgbklfudsf </td> </tr>
<tr> <td class="c"> <input type="submit" value="send"> </td> </tr>
</table>

Oczywiście pamiętałeś, żeby wywalić cały CSS z poprzedniego przykładu oddziałujący na input?