<div class="text-wrapper">

  <p class="my-para">Game of Thrones is an American fantasy drama television series created by David Benioff and D. B. Weiss for HBO.</p>

  <p>It premiered on HBO in the United States on April 17, 2011, and concluded on May 19, 2019, with 73 episodes broadcast over eight seasons.</p>

</div>

body {

  font-family: 'Hind';

  font-size: 1.75rem;

}

​

input {

  display: block;

  margin: 1rem 0;

  font-size: 1.75rem;

  width: 24ch;

  padding: .5rem;

  font-family: 'Hind';

}

​

button {

  font-size: 1.5rem;

  font-family: 'Hind';

  padding: 0.5rem;

  margin-right: 1rem;

  cursor: pointer;

}

​

p.my-para {

  color: orangered;

}

​

p {

  margin: 1rem 0;

}

​

​

p.my-para + * {

  color: green;

}

​

let p_elem = document.querySelector("p.my-para");

​

p_elem.insertAdjacentText("beforebegin", "<b>Hello, Tyrion Lannister</b>");

p_elem.insertAdjacentHTML("afterend", "<b>Hello, Tyrion Lannister</b>");

​

​

​