Zadanie do samodzielnego wykonania. Programowanie webowe odc.3

Question

Witam na forum!

Proszę o pomoc w wykonaniu zadania do samodzielnego wykonania (Programowanie webowe #3). 

Czy jest możliwe w prosty sposób wyśrodkowanie danych w całej kolumnie "Płeć"? Chodzi mi o to, żeby nie centrować pojedynczych komórek, tylko całą kolumnę.

Kod w HTML:

<div id="gracze">
			<p> <strong>Aktualni gracze Non Omnis Moriar</strong></p>
			<table class="opistabeli" rules="all" border="1" cellpadding="5">
			<tr>
				<th>Nick</th><th>Płeć</th><th>Ulubiona broń</th>
			</tr>
			<tr style="color: red">
				<td>Sn1p3RR</td><td>m</td><td>AWP</td>
			</tr>
			<tr style="color: green">
				<td>Gh0st256</td><td>k</td><td>PP-Bizon</td>
			</tr>
			<tr>
				<td>K4w411</td><td>k</td><td>MP9</td>
			</tr>
			<tr>
				<td>S0l1d$nake</td><td>m</td><td>Desert Eagle</td>
			</tr>
		</table>
			<p><small>Legenda: <span style="color: red">szef klanu, </span>
				<span style="color: green">sekretarz drużyny</span></small>
			</p>
		</div>

Opis w CSS:

#gracze
{
	background-color:  gainsboro;
	font-size: 90%;
	text-align: center;
	padding: 5;
	width: 300px;
	height: 400px;
	float: left;
}

.opistabeli
{
	min-width: 200px;
	max-width: 280px;
	font-size: 100%;
	text-align: left;
	padding: 10px;
	margin: auto;	
	border: 2px solid #0088dd;/
}

Strony nie mogę przesłać, bo jest na localhost, a nie widzę opcji na przesłanie screena. Tabela wygląda dokładnie tak, jak w zadaniu.

Pozdrawiam altara

 

Comments

jak dla mnie to nadać tym komórkom gdzie jest płeć class="center" i w css .center {text-align: center}
ja innego sposobu nie widzę...

-----------------
a nie, przepraszam, jest możliwość za pomocą pseudoklasy np. :nth-child

wystarczy wrzucisz do CSS: 

td:nth-child(2){
  text-align: center;
}

 

---

Dzięki, pseudoklasa działa! 

ViruS jesteś genialny