CSS-de teksti deňleşdirmäge synag
Aşakdaky HTML kodyny nusgalyň we üçin aşakda getirilen wezipeleri çözüň:
<h1>Esasy sahypa ady</h1>
<table border="1">
<tr>
<th>Önüm</th>
<th>Bahasy</th>
<th>Mukdary</th>
</tr>
<tr>
<td>Almalar</td>
<td>100</td>
<td>5kg</td>
</tr>
<tr>
<td>Apelsinler</td>
<td>200</td>
<td>6kg</td>
</tr>
<tr>
<td>Bananlar</td>
<td>300</td>
<td>7kg</td>
</tr>
</table>
<h2>Ikinji derejeli sözbaşy 1</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elitorire
aenean a dapibus magna, ac interdum nisl. Suspendisse egetil
fringilla nibh, eu commodo arcu. Donec lacinia tempor velite
sed tincidunt. Aliquam porttitor nulla purus, vel vulputater
ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehi
ante purus lacini dui, interdum fringilla massa eros ut duir.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elitorire
aenean a dapibus magna, ac interdum nisl. Suspendisse egetil
fringilla nibh, eu commodo arcu. Donec lacinia tempor velite
sed tincidunt. Aliquam porttitor nulla purus, vel vulputater
ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehi
ante purus lacini dui, interdum fringilla massa eros ut duir.
</p>
<h2>Ikinji derejeli sözbaşy 2</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elitorire
aenean a dapibus magna, ac interdum nisl. Suspendisse egetil
fringilla nibh, eu commodo arcu. Donec lacinia tempor velite
sed tincidunt. Aliquam porttitor nulla purus, vel vulputater
ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehi
ante purus lacini dui, interdum fringilla massa eros ut duir.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elitorire
aenean a dapibus magna, ac interdum nisl. Suspendisse egetil
fringilla nibh, eu commodo arcu. Donec lacinia tempor velite
sed tincidunt. Aliquam porttitor nulla purus, vel vulputater
ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehi
ante purus lacini dui, interdum fringilla massa eros ut duir.
</p>
<h2>Ikinji derejeli sözbaşy 3</h2>
<table border="1">
<tr>
<td>ýaçka 1</td>
<td>ýaçka 2</td>
<td>ýaçka 3</td>
</tr>
<tr>
<td>ýaçka 4</td>
<td>ýaçka 5</td>
<td>ýaçka 6</td>
</tr>
<tr>
<td>ýaçka 7</td>
<td>ýaçka 8</td>
<td>ýaçka 9</td>
</tr>
</table>
Ähli h1 sözbaşylaryny sag çetde ýerleşdiriň.
Ähli h2 sözbaşylaryny merkeze deňleşdiriň.
Ähli tablisalara 500px ini beriň.
th ýaçkalaryndaky teksti çep
çetde deňleşdiriň.
td ýaçkalaryndaky teksti merkeze deňleşdiriň.
Ähli abzaslara 300px ini beriň.
Ähli abzaslaryň tekstini şol bir wagtda sag we çep çetler boýunça deňleşdiriň.
h2 sözbaşylaryna 300px ini beriň.
Olary merkeze deňleşdiriň. Üns beriň
şoňa, deňleşdirme şol 300px-iň içinde
bolar.