JSFiddle - React, Tailwind, and code Playground

HTML

<body>
 <div id="id_div"></div>
 <div id="div_2"></div>
</body>

JavaScript

$(document).ready(function()
{
  var p1 = true,
  p2 = p1;
  if (p1 == p2)
  {
    $('#id_div').html('Lorem ipsum dolor sit amet');
    $('#div_2').append('<p><strong>Lorem ipsum</strong> dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. <strong>Ut wisis</strong> enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>');
  }
  var txt = `Следует отметить, что теги &lt;b&gt; и &lt;strong&gt;, также как &lt;i&gt; и &lt;em&gt;, несмотря на сходный результат, не совсем эквивалентны и заменяемы. Первый тег &lt;b&gt; — относится к тегам физической разметки и устанавливает жирный текст, а тег &lt;strong&gt; — является тегом логической разметки и определяет важность помеченного текста. Такое разделение тегов на логическое и физическое форматирование изначально предназначалось, чтобы сделать HTML универсальным, в том числе не зависящим от устройства вывода информации. Теоретически, если воспользоваться, например, речевым браузером, то текст, оформленный с помощью тегов &lt;b&gt; и &lt;strong&gt;, будет отмечен по-разному. Однако получилось так, что в популярных браузерах результат использования этих тегов равнозначен.`;
  $('<p>'+txt+'</p>').insertAfter('#div_2');
});