如何将一项(或Text())放在列()下另一项(或Text())的右上角？

<div class="container">
  <div class="item1">Text1</div>
  <div class="item2">Text2</div>
</div>

.container {
  position: relative;
}

.item1 {
  position: absolute;
  top: 0;
  right: 0;
}

.item2 {
  position: absolute;
  bottom: 0;
  left: 0;
}

.item1 {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #ff0000;
  color: #ffffff;
  padding: 5px;
  font-size: 14px;
}

.item2 {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #00ff00;
  color: #000000;
  padding: 5px;
  font-size: 14px;
}