使用CSS边距和填充将文本定位在页面的右上角

我被要求更改我的CSS，将文本添加到我网站屏幕的右上角，以使用边距和填充，而不是我目前拥有的内容。因此，我目前使用的CSS是：

<style>
.text-align-top-right{
position: absolute;
top: 10px;
right: 10px;
}
</style>

<div class="text-align-top-right">Some text to align top right</div>

我如何使用边距和填充来完成上面的相同操作

---

提前感谢。

这是一个相当奇怪的请求，当然不是我推荐的定位元素的方式，但是如果这是某种测试，一种方法是使用css计算

确定屏幕的宽度，然后根据要定位的div的大小调整偏移量

您需要知道在此场景中定位的元素的宽度和高度

.文本右上对齐{ 左边距：calc100%-110px； 保证金底部：calc100%-110px； 高度：100px； 宽度：100px； 背景：b00； }

---

右上角您可以用下面的CSS非常简单地完成，您可以创建简单的DIV并将CSS添加到其中。检查以下代码：

#topRightDisplay{
    position: relative;
}
#topRightDisplay p{
    position: absolute;
    top: 0px;
    right: 0px;
}

<div id="topRightDisplay">
    <p>some text...</p>
</div>

您使用了一些文本来对齐右上角，这是不正确的。您应该替换class属性而不是style属性，然后相应地更改边距和填充以获得所需的结果

在HTML中所做的更改

<div class="text-align-top-right">Some text to align top right</div>

---

这是一个有用的工具：

请提供一些代码供参考。只需添加一个div，并为其提供一个类@伊姆戈拉夫！添加代码以供参考。我正在寻找与CSS相关的建议，而不是div。为什么要求您不要使用正确的CSS来满足您的需要？谢谢，但我不应该使用position、top或right CSS样式。@fuzzyanalysis如果您想将其固定在屏幕的右上角，可以替换position:absolute；位置：固定；在类中。文本右上对齐

.text-align-top-right{
   position: absolute;
   top: 0;
   right: 0;
   margin-top: 30px;
   margin-right: 30px;
}