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:
#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_
#button {
line-height: 12px;
width: 18px;
font-size: 8pt;
font-family: tahoma;
margin-top: 1px;
margin-right: 2px;
position: absolute;
top: 0;
right: 0;
}
Source: Stackoverflow.com