title: How to put a button in a table cell horizontally?
body: <p>How to put a button in a table cell horizontally?</p>
  
  <p>after styling radio-buttons, they moved out and began to be placed vertical</p>
  
  <pre><code>&lt;tr&gt;
      &lt;td&gt;
          &lt;label&gt;Выпускник &lt;a href="http:\\www.htmlacademy.ru"&gt;htmlacademy.ru&lt;/a&gt;
              &lt;input type="radio" name="haru" id="c1" value="yes" checked/&gt;
              &lt;label for="c1"&gt;&lt;span&gt;&lt;/span&gt;Да&lt;/label&gt;
              &lt;input type="radio" name="haru" id="c2" value="no"&gt;
              &lt;label for="c2"&gt;&lt;span&gt;&lt;/span&gt;Нет&lt;/label&gt;
          &lt;/label&gt;
      &lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <pre class="lang-css prettyprint-override"><code>input[type="radio"] {
      display:none;
  }
  
  input[type="radio"] + label span {
      display:inline-block;
      width:41px;
      height:45px;
      background:url(rad0.png);
      cursor:pointer;
  }
  
  input[type="radio"]:checked + label span {
      display:inline-block;
      width:41px;
      height:45px;
      background:url(rad1.png);
      cursor:pointer;
  }
  </code></pre>