Html CSS：在div.Can'；t去掉空格，放在右上角

我有几个嵌套的div，最后一个div包含一个十字符号，应该在右上角。但是，它在其div内水平居中，并具有边距：

html：

<div class="content">
  <div class="user">
    <div class="headline">
        <div class="username">some username
            <div class='cross'>
                <span class='cross-symbol'>
                    &times;              
                </span>
            </div>
        </div>
    <div>
  </div>
</div>

.content  {
    align: center;
    width: 660px;

    background-color: #c2f0c2;
    border: 2px solid black;    
}

.user  {
    text-align: center;
    width: 200px; 

    background-color: gray;
    margin: 8px;
    border: 1px solid gray;

    display: inline-block;

}

.headline {
    background-color: silver;
    border: 1px solid black;

    position: relative;
}

.username  {
    background-color: orange;
}

.cross  { 
    font-size: 28px; 
    color: #d00; 
    font-weight: bold; 
    font-family: helvetica,arial;       

    cursor: pointer;

    top: 0px;
    right: 0px;

    outline: 1px solid black;
    width: 28px;
    height: 25px;
    padding: 0px;

    position: absolute; 

} 

.cross-symbol  {

    top: 0px;
    margin: 0px;
    padding: 0px;
    background-color: green;
vertical-align: bottom;
}

---

我尝试将

填充

和

边距

设置为0，但效果甚微。欢迎任何帮助。

将

位置：绝对
添加到
中。交叉符号
和我添加的
行高


.content{
对齐：居中；
宽度：660px；
背景色：#c2f0c2；
边框：2件纯黑；
}
.用户{
文本对齐：居中；
宽度：200px；
背景颜色：灰色；
利润率：8px；
边框：1px纯色灰色；
显示：内联块；
}
.标题{
背景颜色：银色；
边框：1px纯黑；
位置：相对位置；
}
.用户名{
背景颜色：橙色；
}
.cross{
字号：28px；
颜色：#d00；
字体大小：粗体；
字体系列：helvetica，arial；
光标：指针；
顶部：0px；
右：0px；
外形：1px纯黑；
宽度：28px；
高度：25px；
填充：0px；
位置：绝对位置；
} 
.十字架符号{
位置：绝对位置；
顶部：0px；
边际：0px；
填充：0px；
右：0px；
背景：绿色；
线高：16px；
}

一些用户名
&时代；
请检查这是否是您要找的内容。我已更改了html并添加了一些css。。如果这是正确的，我将进行描述。谢谢


.content{
对齐：居中；
宽度：660px；
背景色：#c2f0c2；
边框：2件纯黑；
}
.用户{
文本对齐：居中；
宽度：200px；
背景颜色：灰色；
利润率：8px；
边框：1px纯色灰色；
显示：内联块；
}
.标题{
背景颜色：银色；
边框：1px纯黑；
位置：相对位置；
}
.用户名{
背景颜色：橙色；
}
.cross{
/*字号：28px*/
颜色：#d00；
字体大小：粗体；
字体系列：helvetica，arial；
光标：指针；
最高：50%；
右：0px；
外形：1px纯黑；
宽度：22px；
高度：20px；
/*填充：0px*/
位置：绝对位置；
转化：translateY（-50%）；
} 
.十字架符号{
顶部：0px；
边际：0px；
填充：0px；
背景颜色：绿色；
垂直对齐：底部对齐；
}
.用户名{
职位：房地产；
}
.username p{margin:0}

一些用户名

&时代；
它应该在哪个div的右上角？绿色的还是橙色的？@fcalderan是橙色的（因此模拟了小边框的）。但它仍然不是右上角。。。Changin
垂直对齐：底部
到顶部
未修复。。