css - div をテーブルの右に配置する

Question

私は次のレイアウトを持っています：

div をテーブルの右側に配置したい。垂直 (上部に対して) と水平 (ページの垂直中央に対して) を制御したいと思います。

実際の CSS の例をドロップしてくれる人はいますか?

jsfiddle を使用した現在のステータス

Answer 1

私はあなたがこれを望んでいると思います

CSS

.contant{
width:200px;
  height:200px;
  border:solid 3px red;
  position:relative;
}
.out{
width:50px;
  height:50px;
  border:solid 3px green;
position:absolute;  right:-65px;
  top:100px;
}

HTML

<div class="contant">

  <div class="out"></div>

</div>

ライブデモ

更新-----これに慣れることができます -----

<table>
<tr>
<td>
<div class="contant"> 
<div class="out"></div>        
</div>
</td>
 </tr>
 </table>