JSFiddle - React, Tailwind, and code Playground

by Nonamenonamevi4

HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Разноцветные ссылки</title>
</head>
<body>
  <div>
    <a href="" class="firstLink">Ссылка 1</a>
    <a href="" class="secondLink">Ссылка 2</a>
    <a href="" class="thirdLink">Ссылка 3</a>
  </div>
</body>
</html>

CSS

div {
  background-color: #333;
  margin: 5px;
  height: 40px;
  display: flex;
  align-items: center;
}

a {
}

.firstLink, .secondLink {
  border-right: 1px solid #bbb;
}