JSFiddle - React, Tailwind, and code Playground

by Aquafina_water_bottle

HTML

<div id="text" class="text">
  「そーすっと、こんな風に、相手は頭突きを警戒して自然と上体を引くのよさ。そんで、相手の体重が上半身に乗っている時に、両肩をポンと押してやれば…」
</div>

<button id="btn">
  toggle
</button>

CSS

body {
  color: #bdbdbd;
  background-color: #202020;
  font-size: 40px;
  width: 700px;
}

.text {
  text-indent: -1em;
  padding-left: 1em;
}

JavaScript

var toggle = false;

document.getElementById("btn").onclick = function() {
  var t = document.getElementById("text");
  if (toggle) {
  	t.style["text-indent"] = "-1em";
  	t.style["padding-left"] = "1em";
  } else { // default
  	t.style["text-indent"] = "0em";
  	t.style["padding-left"] = "0em";
  }
  toggle = !toggle;
}