JSFiddle - React, Tailwind, and code Playground

HTML

<a href="http...1">text1</a>
<a href="http...2">text2</a>

Как и их можно сделать без подчеркивания?
т.е. например обернуть в класс
<div class="class1">
  <a href="http...1">text1</a>
  <a href="http...2">text2</a>
</div>

CSS

.class1 a {
  text-decoration: none;
}