I have a table, and I want make td to display block, it's ok on firefox and etc.. but not working on Chrome, I guess probably it's up to user agent stylesheet, even I put `<!DOCTYPE html>` before html tag but still not working, even important, it's look like override but actually it's read user agent stylesheet

```
<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</table>

```

in my page there is no more CSS and I didn't use bootstrap. any solution? i searched but all say it's `<!DOCTYPE html>` issue! 

[![enter image description here](https://i.stack.imgur.com/ngpVS.jpg)](https://i.stack.imgur.com/ngpVS.jpg)