title: CSS margin inside table
body: <p>I'm trying with no luck apply right margins inside tables</p>
  <pre><code>&lt;html&gt;
    &lt;style&gt;
      input,select {
        width: 100%;
        margin-right: 15px;
        background: red;
      }
    &lt;/style&gt;
    &lt;body&gt;
      &lt;table border=&quot;2&quot; color=&quot;red&quot; width=&quot;100%&quot;&gt;
         &lt;tr&gt;
           &lt;td width=&quot;25%&quot;&gt;&lt;input type=&quot;text&quot; /&gt;&lt;/td&gt;
           &lt;td width=&quot;25%&quot;&gt;&lt;select&gt;&lt;option&gt;foobar&lt;/option&gt;&lt;/select&gt;&lt;/td&gt;
           &lt;td width=&quot;25%&quot;&gt;&lt;input type=&quot;text&quot; /&gt;&lt;/td&gt;
           &lt;td width=&quot;25%&quot;&gt;&lt;input type=&quot;text&quot; /&gt;&lt;/td&gt;
         &lt;/tr&gt;
         &lt;tr&gt;
           &lt;td width=&quot;25%&quot;&gt;&lt;input type=&quot;text&quot; /&gt;&lt;/td&gt;
           &lt;td width=&quot;25%&quot;&gt;&lt;input type=&quot;text&quot; /&gt;&lt;/td&gt;
           &lt;td width=&quot;25%&quot;&gt;&lt;select&gt;&lt;option&gt;foobar&lt;/option&gt;&lt;/select&gt;&lt;/td&gt;
           &lt;td width=&quot;25%&quot;&gt;&lt;input type=&quot;text&quot; /&gt;&lt;/td&gt;
         &lt;/tr&gt;
      &lt;table&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p><strong>Example:</strong> <a href="http://jsfiddle.net/3reat/" rel="nofollow noreferrer">http://jsfiddle.net/3reat/</a></p>
  <p>Only using CSS it's possible to define this margins 100% - 15px?</p>
  <p><a href="http://jsfiddle.net/3reat/2/" rel="nofollow noreferrer">http://jsfiddle.net/3reat/2/</a></p>