html - Border table row not working before adding td in IE11 -

I am trying to create a border around an HTML table and and tr & Lt; TD & gt; . But the limit is either & lt; Table & gt; or & lt; Tr & gt; is not working for. This gives me a problem in Internet Explorer 11.

HTML:

  & lt; Table style = "width: 500px; height: 250px; outline: 1 px solid black; condition: complete;" & gt; & Lt; Tr id = "1" style = 'outline: thin solid black;' & Gt; & Lt; / Tr & gt; & Lt; Tr id = "2" style = 'outline: thin solid black;' & Gt; & Lt; / Tr & gt; & Lt; Tr id = "3" style = 'outline: thin solid black;' & Gt; & Lt; / Tr & gt; & Lt; Tr id = "4" style = 'outline: thin solid black;' & Gt; & Lt; / Tr & gt; & Lt; / Table & gt;  

by default Use CSS to change the display type for associate table rows with field area numbers of rules there, maybe tr {display: table-cell; } Add content to the rows to display for your Bela's CSS or (as the @ Surreal Dreams suggests above),

If you are kind of like a formal, grid-display area, you can do better by using DIV. If you are after a liquid type layout, consider Flexbox.

Hope it helps ... - Lance