css - Aligning content in html table -


i want align content in html in not able it. want align checkbox right , align second textbox

here html

<table>     <tbody>         <tr>             <td >age</td>             <td >                 <select  ></select>             </td>         </tr>         <tr >             <td >date changed</td>             <td>                 <input />                 <input />             </td>         </tr>         <tr>             <td class="test">name</td>             <td>                 <input id="txt1" />             </td>         </tr>         <tr class="space">             <td class="test">is ok</td>             <td>                 <input id="chk" type="checkbox" />             </td>         </tr>     </tbody> </table> 

here link fiddle

change html following:

html

<table style="position: relative; margin-left: 8px;"> <tbody>     <tr class="space">         <td class="test">age</td>         <td colspan="2">             <select  ></select>         </td>     </tr>     <tr class="space">         <td class="test">date changed</td>         <td colspan="2">             <input />             <input />         </td>     </tr>     <tr class="space">                                <tr>                     <td class="test">name</td>                     <td>                         <input id="txtexecuted" />                     </td>                     <td class="test" style="text-align: right">is ok                         <input id="chknotexecuted" type="checkbox" />                                             </td>                                          </tr>      </tr> </tbody> 

fiddle


Comments

Popular posts from this blog

javascript - RequestAnimationFrame not working when exiting fullscreen switching space on Safari -

Python ctypes access violation with const pointer arguments -