HTML CSS examples for CSS Widget:Table Cell
Radio button aligned in table cell
<html> <head> <title>Lorem ipsu</title> </head> <!-- w w w. ja v a 2 s. c o m--> <body> <table> <tbody> <tr> <td> <input type="radio" name="emotion" id="https://www.java2s.com/style/demo/Safari.png"> <label for="https://www.java2s.com/style/demo/Safari.png"> <img class="box" src="https://www.java2s.com/style/demo/Opera.png" alt="I'm sad"> </label> </td> <td> <input type="radio" name="emotion" id="https://www.java2s.com/style/demo/Firefox.png"> <label for="https://www.java2s.com/style/demo/Google-Chrome.png"> <img class="box" src="https://www.java2s.com/style/demo/Opera.png" alt="I'm sad"> </label> </td> <td> <input type="radio" name="emotion" id="https://www.java2s.com/style/demo/InternetExplorer.png"> <label for="https://www.java2s.com/style/demo/Safari.png"> <img class="box" src="https://www.java2s.com/style/demo/Google-Chrome.png" alt="I'm sad"> </label> </td> <td> <input type="radio" name="emotion" id="https://www.java2s.com/style/demo/Opera.png"> <label for="https://www.java2s.com/style/demo/InternetExplorer.png"> <img class="box" src="https://www.java2s.com/style/demo/InternetExplorer.png" alt="I'm sad"> </label> </td> </tr> </tbody> </table> </body> </html>