How to decrease the width of a table in html?

Question

While working with tables in html, when i use too many <td> tags, the table's width gets too large to fit in my screen...how can i decrease this width?

Answer 1

The width attribute specifies the width of a table.

If the width attribute is not set, a table takes up the space it needs to display the table data.

<table width="400">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</table>

The width attribute of <table> is not supported in HTML5. Use CSS instead.

CSS syntax: <table style="width:400px">

Answer 2

The reason is because your code is being interpreted as a HTML 4 doc and you are using HTML5 Tags which will not work...check for the default HTML5 template....add some bootstrap to make it flexible.

Answer 3

yes I am sure you will

Answer 4

Try and change table to this below code :
<table border="1" style="width:300px">

this was your own code
<table border="1" style="width=300px;">

Answer 5

can you share your code so dat we could see if there could be an error because html is not a forgiving language..

Answer 6

Thanks!

Answer 7

https://code.sololearn.com/WnY99bCH0HA3/?ref=app

Answer 8

Tried that too... Now i can increase the size of the table (if i put 900px) but still can't decrease it... Maybe that's how it will always be?

Answer 9

It didn't work 😶
The output was still the same

Answer 10

https://code.sololearn.com/WnY99bCH0HA3/?ref=app

Answer 11

Thanks. I still didn't learn html5 so i guess i should learn that first and then try it again