<!DOCTYPE html>
Document
table{
width:50%;
display: flex;
margin:auto;
align-items: center;
border-collapse: collapse;
}
table th,td{
padding: 20px;
text-align: center;
border: 1px solid black;
}
table th{
background-color: black;
}
table th{
color: white; }
table th,td{
justify-content: center;
}
<tr>
<th>S.no</th>
<th>Time/Peried</th>
<th> 1 period</th>
<th> II period </th>
<th>III period </th>
<th>IV period </th>
<th>Lunch</th>
<th>V period </th>
</tr>
<tr>
<td>1</td>
<td>Monday</td>
<td>Hindhi</td>
<td>English</td>
<td>Tamil</td>
<td>P.E.T</td>
<td>Break</td>
<td>Music</td>
</tr>
<tr>
<td>2</td>
<td>Tuesday</td>
<td>Tamil</td>
<td>English</td>
<td>P.E.T</td>
<td>Music</td>
<td>Break</td>
<td>EVS</td>
</tr>
<tr>
<td>3</td>
<td>wednesday</td>
<td>EVS</td>
<td>English</td>
<td>P.E.T</td>
<td>Music</td>
<td>Break</td>
<td>EVS</td>
</tr>
<tr>
<td>4</td>
<td>thursday</td>
<td>Tamil</td>
<td>English</td>
<td>P.E.T</td>
<td>Music</td>
<td>Break</td>
<td>EVS</td>
</tr>
<tr>
<td>5</td>
<td>Friday</td>
<td>Tamil</td>
<td>English</td>
<td>P.E.T</td>
<td>Music</td>
<td>Break</td>
<td>EVS</td>
</tr>
Top comments (0)