Css setting table column width

CSS Setting Table Column Width

<table border="1" width="100%">
	<col style="width:40%">
	<col style="width:30%">
	<col style="width:30%">
	<thead>
	<tr>
		<th>Fruits</th>
		<th>Vitamin A</th>
		<th>Vitamin C</th>
	</tr>
	</thead>
	<tbody>
	<tr>
		<th>Apples</th>
		<td>98 ui</td>
		<td>8.4 mg</td>
	</tr>
	<tr>
		<th>Oranges</th>
		<td>295 ui</td>
		<td>69.7 mg</td>
	</tr>
	<tr>
		<th>Bananas</th>
		<td>76 ui</td>
		<td>10.3 mg</td>
	</tr>
	</tbody>
</table>

Source: html5-tutorial.net

Css setting table column width

table {
  width: 100%;
  border: 1px solid #000;
}
th.from, th.date {
  width: 15%
}
th.subject {
  width: 70%; /* Not necessary, since only 70% width remains */
}

Source: stackoverflow.com

Similar codes

26 votes180 views4 answers
How to move text up and down in html
CSS
12 votes151 views2 answers
How to center element in bulma
CSS
29 votes156 views4 answers
Css box
CSS
0 vote171 views1 answer
Install webpack encore
CSS
9 votes167 views3 answers
Fix textarea size
CSS
52 votes164 views6 answers
How to change background color in css
CSS
3 votes162 views2 answers
Css border radius not working
CSS
0 vote142 views1 answer
Change the background of an element in a loop using css
CSS
1 vote141 views1 answer
Css validator
CSS
7 votes157 views2 answers
Scss extend
CSS