How to prevent table columns not overlap when window size changing
<p>I am using table to display information. when I was resizing (minimizing window) table colums are overlapping. Here is my code.</p>

<pre><code>&lt;table style="width:100%;table-layout:fixed"&gt;
            &lt;tr style="border-bottom-style: none"&gt;
                &lt;td&gt;ID&lt;/td&gt;
                &lt;td&gt;postalAddress&lt;/td&gt;
                &lt;td&gt;emailAddress&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr style="border-bottom-style: none"&gt;
                &lt;td&gt;123&lt;/td&gt;
                &lt;td&gt;1234,west street&lt;/td&gt;
                &lt;td&gt;sample1@gmail.com&lt;/td&gt;
            &lt;/tr&gt;
        &lt;/table&gt;
</code></pre>

<p>This table info is displaying good. But when I was minimizing window the"emailAddress" is overlaping with postal address.Are there any properties to add in css for not overlapping colums?</p>