我正在尝试制作一个
但它并没有做到这一点, 代码
90deg
的价格标签,但我不确定为什么它不能做到我想要的效果,我希望该标签能和顶部和右侧对齐(top:0和right:0)。但它并没有做到这一点, 代码
<div class='box'>
<div class='price-tag'>
$23.12
</div>
</div>
.box{
margin:10em;
height:100px;
width:100px;
position:relative;
background:red;
}
.box .price-tag{
background:yellow;
position:absolute;
top:0;
right:0;
display:inline-block;
transform:rotate(90deg) translate(50%, 0%);
}