Søke om Forbrukslån 2017 | Pelinäppäimistö | Kredittkort Bonus | Billigste Strøm 2017 | Sammenlign Alarmselskaper | Forsikringsselskaper | Mobilselskaper i Norge | Varmpepumpe Pris
CSS

CSS Table Text Alignment

How services will be at the table to indicate that the text is the text alignment for the table is used. Each cell will have to write style sheets to keep to the left of the text services,

td
{
text-align:right;

}

The Declaration will have to keep the right text-align: left;
The Declaration will have to be in the middle of text-align: center;

Now, if the vertical alignment of the text in each cell of each other at the top of the text in the cell will be in a position to determine whether the bottom, or if you are in the middle of the vertical-align set Declaration services Will Declaration to be at the bottom,

td
{
vertical-align:bottom;
}

Practice Project:

<html>
<head>
<title> www.trickbd.com.bd</title>
<style>
body{background:#00CC99;margin-left:120px; }
table{
border-collapse:collapse;
}
table,th,td
{
border:1px solid #F00;
}
table
{
width:300px; height:200px;
}
th
{
height:50px;
}
td
{
text-align:center;
}
td
{
vertical-align:bottom;
}

</style>
</head>
<body >
<table>
<tr>
<th>SL</th>
<th>Book</th>
<th>Pen</th>
<th>Box</th>
</tr>
<tr>
<td>01</td>
<td>100</td>
<td>200</td>
<td>400</td>
</tr> <tr>
<td>02</td>
<td>300</td>
<td>600</td>
<td>300</td>
</tr>
</table>
</body>
</html>

Notepad to open a file type from the menu at the top of layer code by clicking on the Save as File name: index.html, Save as type: All files, save and open the index.html file with the Mozilla Firefox look like the image shown below.

 

Comments

comments

About the author

Toriqul Islam Tusher

বলার মত কিছু নাই!

Leave a Comment