CSS හි පාඨ පෙළගැස්ම පිළිබඳ පරිචය

පහත HTML කේතය ඔබ වෙත පිටපත් කරගෙන පහත දක්වා ඇති කාර්යයන් විසඳන්න:

<h1>ප්‍රධාන පිටු මාතෘකාව</h1>
<table border="1">
	<tr>
		<th>නිෂ්පාදනය</th>
		<th>මිල</th>
		<th>ප්‍රමාණය</th>
	</tr>
	<tr>
		<td>ඇපල්</td>
		<td>100</td>
		<td>5kg</td>
	</tr>
	<tr>
		<td>දොඩම්</td>
		<td>200</td>
		<td>6kg</td>
	</tr>
	<tr>
		<td>කෙසෙල්</td>
		<td>300</td>
		<td>7kg</td>
	</tr>
</table>

<h2>ද්විතීයික ශීර්ෂක 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>ද්විතීයික ශීර්ෂක 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>ද්විතීයික ශීර්ෂක 3</h2>
<table border="1">
	<tr>
		<td>කොටුව 1</td>
		<td>කොටුව 2</td>
		<td>කොටුව 3</td>
	</tr>
	<tr>
		<td>කොටුව 4</td>
		<td>කොටුව 5</td>
		<td>කොටුව 6</td>
	</tr>
	<tr>
		<td>කොටුව 7</td>
		<td>කොටුව 8</td>
		<td>කොටුව 9</td>
	</tr>
</table>

සියලුම h1 ශීර්ෂක දකුණු පැත්තට පෙළගස්වන්න.

සියලුම h2 ශීර්ෂක මධ්‍යයට පෙළගස්වන්න.

සියලුම වගු සඳහා පළල 500px ලෙස සකසන්න.

th කොටු වල ඇති පාඨය වම් පැත්තට පෙළගස්වන්න.

td කොටු වල ඇති පාඨය මධ්‍යයට පෙළගස්වන්න.

සියලුම ඡේද සඳහා පළල 300px ලෙස සකසන්න.

සියලුම ඡේද වල පාඨය එකවර වම් සහ දකුණු දෙපැත්තට පෙළගස්වන්න.

h2 ශීර්ෂක සඳහා පළල 300px ලෙස සකසන්න. ඒවා මධ්‍යයට පෙළගස්වන්න. මෙම මධ්‍යගත කිරීම 300px ඇතුළත සිදුවන බව සැලකිල්ලට ගන්න.