JSFiddle - React, Tailwind, and code Playground

by Londonzap

HTML

<div class="text method1">
http://2gis.ru<br>
http://www.yp.ru<br>
http://www.yell.ru<br>
http://www.ypag.ru<br>
http://www.e-adres.ru<br>
http://infolo.ru<br>
http://globalmcom.com<br>
</div>

<div class="text method2">
<pre>
http://2gis.ru
http://www.yp.ru
http://www.yell.ru
http://www.ypag.ru
http://www.e-adres.ru
http://infolo.ru
http://globalmcom.com
</pre>
</div>

<div class="text method3">
http://2gis.ru
http://www.yp.ru
http://www.yell.ru
http://www.ypag.ru
http://www.e-adres.ru
http://infolo.ru
http://globalmcom.com
</div>

<div class="text method4">
http://2gis.ru
http://www.yp.ru
http://www.yell.ru
http://www.ypag.ru
http://www.e-adres.ru
http://infolo.ru
http://globalmcom.com
</div>


<div class="text method5">
http://2gis.ru
http://www.yp.ru
http://www.yell.ru
http://www.ypag.ru
http://www.e-adres.ru
http://infolo.ru
http://globalmcom.com
</div>

<div class="text method6">
  <div>http://2gis.ru</div>
  <div>http://www.yp.ru</div>
  <div>http://www.yell.ru</div>
  <div>http://www.ypag.ru</div>
  <div>http://www.e-adres.ru</div>
  <div>http://infolo.ru</div>
  <div>http://globalmcom.com</div>
</div>

<ul class="text method7">
  <li>http://2gis.ru</li>
  <li>http://www.yp.ru</li>
  <li>http://www.yell.ru</li>
  <li>http://www.ypag.ru</li>
  <li>http://www.e-adres.ru</li>
  <li>http://infolo.ru</li>
  <li>http://globalmcom.com</li>
</ul>

CSS

.text {
  margin-top: 30px;
  border: 2px solid red;
  font-family: sans-serif;
}

.method2 pre {
  margin: 0;
  font-family: sans-serif;
}

.method3 {
  white-space: pre;
}

.method4 {
  word-spacing: 99999px;
}

.method5 {
  max-width: 0;
}

.method6 {
  display: flex;
  flex-direction: column;
}

.method7 {
  padding: 0;
  list-style: none;
}