水平和响应地对齐表格

Question

建议我使用一些css来获取所需的输出，如下面的 图像 。 我一直试图水平对齐两个表单，一个表单垂直底部对齐我的第二个表单。我也希望不使用定位，例如绝对或相对 保证金属性。

My code：

＆＃13;

＆＃13;

<div class="col-sm-4">
         <div class="shop-menu pull-right" style="color:red;">
          <ul class="nav navbar-nav">
    <form id="sellerLogin" name="sellerLogin" action="/tiles/sellerLogin.action" method="post">
<div id="emailerr">   </div><div id="passerr">    </div><table class="wwFormTable">
                                        <tbody>
<tr>
 <td class="tdLabel">  </td>
    <td><input type="text" name="email" value="" id="email" style="color : #000000;" rel="email" placeholder="Enter email-id.."></td>
</tr>                                          
                                        <tr>
    <td class="tdLabel">    </td>
    <td><input type="password" name="password" id="password" style="color : #000000;" placeholder="Enter Password..">     </td>
</tr>`enter code here`<tr>
    <td colspan="2"><div align="right">    <input type="submit" id="sellerLogin_0" value="Login" style="color : #000000;" onclick="return logincheck();">
</div>    </td>
</tr>
</tbody>   </table>    </form>`

＆＃13;

＆＃13;

＆＃13;

我想要实现的目标：

Spare me from drawing compliments:).