JSFiddle - React, Tailwind, and code Playground

by Vladimir

HTML

<i id="myButton" data-tippy-content="<p>Этот курс подходит выпускникам школы 11 классов и выпускникам колледжей, которые готовы проучиться 1-2 года в вузах РФ, чтобы избежать экзаменов в Германии.</p><p>Курс длится 3 года и включает в себя изучение немецкого языка до уровня C1.  В рамках этого курса мы даем гарантию успешной сдачи языкового экзамена.</p>">i</i>

    <script src="https://unpkg.com/@popperjs/core@2"></script>
    <script src="https://unpkg.com/tippy.js@6"></script>
    <script>
      // With the above scripts loaded, you can call `tippy()` with a CSS
      // selector and a `content` prop:
      tippy('[data-tippy-content]', {
        allowHTML: true,
        arrow: true
      });
    </script>

CSS

body {
    padding: 50px;
    background: red;
  
}
.tippy-box {
   background: #fff;
   color: #000;
   width: 460px;
  
}
.tippy-arrow  {
  background: #fff;
}