[html] Getting the button into the top right corner inside the div box

I can't figure out how to get the [X] button into the top right corner of my custom css box.

Here's the result so far:

enter image description here

_x000D_
_x000D_
#wrapper {_x000D_
  height: 100px;_x000D_
  width: 500px;_x000D_
}_x000D_
_x000D_
#wrapper {_x000D_
  bottom: 50%;_x000D_
  right: 50%;_x000D_
  position: absolute;_x000D_
}_x000D_
_x000D_
#container {_x000D_
  background: #FFF;_x000D_
  left: 50%;_x000D_
  padding: 10px;_x000D_
  top: 50%;_x000D_
  margin: 0;_x000D_
  padding: 0;_x000D_
  height: 100%;_x000D_
  border: 1px solid rgb(128, 128, 128);_x000D_
  height: 100%;_x000D_
  position: relative;_x000D_
}_x000D_
_x000D_
#inner1 {_x000D_
  height: 100%;_x000D_
  border: 1px solid blue;_x000D_
}_x000D_
_x000D_
#inner2 {_x000D_
  height: 100%;_x000D_
  border: 1px solid green;_x000D_
}_x000D_
_x000D_
#titlebar {_x000D_
  cursor: pointer;_x000D_
  height: 23px;_x000D_
  width: 100%;_x000D_
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#0A246A, endColorStr=#A6CAF0, GradientType=1);_x000D_
  color: white;_x000D_
  font: 13px arial, helvetica;_x000D_
}_x000D_
_x000D_
#button {_x000D_
  line-height: 12px;_x000D_
  width: 18px;_x000D_
  font-size: 8pt;_x000D_
  font-family: tahoma;_x000D_
  margin-top: 1px;_x000D_
  margin-right: 2px;_x000D_
}
_x000D_
<div id="wrapper">_x000D_
  <div id="container">_x000D_
    <div id="titlebar">Information Box</div>_x000D_
    <div><input id="button" type="button" value="X"></div>_x000D_
  </div>_x000D_
</div>
_x000D_
_x000D_
_x000D_

This question is related to html css

The answer is


#button {
    line-height: 12px;
    width: 18px;
    font-size: 8pt;
    font-family: tahoma;
    margin-top: 1px;
    margin-right: 2px;
    position: absolute;
    top: 0;
    right: 0;
}