inset css

1div {
2  background-color: yellow;
3  width: 120px;
4  height: 120px;
5}
6
7.exampleText {
8
9  position: relative;
10  inset: 20px 50px 30px 10px;
11  background-color: #c8c800;
12}

1div {
2  background-color: yellow;
3  width: 150px;
4  height: 120px;
5  position: relative;
6}
7
8.exampleText {
9  writing-mode: sideways-rl;
10  position: absolute;
11  inset: 20px 40px 30px 10px;
12  background-color: #c8c800;
13}

1/* this */
2inset: 1px 2px 3px 4px;
3
4/* is the same as this */
5top: 1px;
6right: 2px;
7bottom: 3px;
8left: 4px;