【CSS】物理プロパティと論理プロパティ

    <p class="text">南十字へ着きますのは、ある裏町の小さな家でした。ごとごと鳴る汽車のひびきと、すすきの風との間にいっぱい日光を吸った金剛石のようになったみじかい芝草の中に入れるのでした。二人がそのあかしの前を通って行きました。この前お父さんが持ってきてあげましょうか、と言ったら眼がさめたというふうでした。すると、向こうの河岸に二本の電信ばしらが、ちょうどさっきのような小さな青い火が見える</p>
    
    <p class="text2">南十字へ着きますのは、ある裏町の小さな家でした。ごとごと鳴る汽車のひびきと、すすきの風との間にいっぱい日光を吸った金剛石のようになったみじかい芝草の中に入れるのでした。二人がそのあかしの前を通って行きました。この前お父さんが持ってきてあげましょうか、と言ったら眼がさめたというふうでした。すると、向こうの河岸に二本の電信ばしらが、ちょうどさっきのような小さな青い火が見える</p>
   

.text {
  writing-mode: vertical-rl;
  max-width: 300px;
  margin-inline: 100px 200px;

}


.text2 {
  writing-mode: vertical-rl;
  max-width: 300px;
  margin-right: 100px;
  margin-left: 200px;
}

.text {
  writing-mode: vertical-rl;
  width: 100%;
  max-width: 300px;
  margin-inline: 50px 50px;

}


.text2 {
  writing-mode: vertical-rl;
  width: 100%;
  max-width: 300px;
  margin-right: 50px;
  margin-left: 50px;
}