position radio button under the center of image in table cell - HTML CSS CSS Widget

HTML CSS examples for CSS Widget:Table Cell

  1. HOME
  2. HTML CSS
  3. CSS Widget
  4. Table Cell

Description

position radio button under the center of image in table cell

Demo Code

ResultView the demo in separate window 

<html>
 <head> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
 </head> <!--from ww  w  .j a v  a 2 s  .com-->
 <body> 
  <table> 
   <tbody> 
    <tr> 
     <td> <img src="https://www.java2s.com/style/demo/Google-Chrome.png"> </td> 
     <td> <img src="https://www.java2s.com/style/demo/Firefox.png"> </td> 
    </tr> 
    <tr> 
     <td style="text-align:center"> <input type="radio" name="" value="howtomeasure"> </td> 
     <td style="text-align:center"> <input type="radio" name="" value="competingonanalytics"> </td> 
    </tr> 
   </tbody> 
  </table>  
 </body>
</html>

Related Tutorials