[html]<style>
@font-face {
font-family: 'Akrobat';
src: url('Akrobat-Regular.eot');
src: local('Akrobat-Regular'),
    url('https://forumstatic.ru/files/0011/b8/a1/82847.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

.news_scroll {
  margin: 0 !important;
  list-style: none;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 3px;
  height: 100%;
  overflow-y: auto;
}

.news-item .date {
  font-size: 9px;
  font-family: akrobat;
  background: #2A7568;
  color: #fff!important;
  padding: 3px 3px;
  border-radius: 4px;
  height: 12px;
  display: inline-block;
  margin-right: 5px
}

.news-item.special .date {
  font-size: 9px;
  font-family: akrobat;
  color: #fff;
  background: #da961f;
  padding: 3px 3px;
  border-radius: 4px;
  height: 12px;
  display: inline-block;
  margin-right: 5px
  align: center;
}
</style>

<table>
<tbody>
  <tr>
    <td><center><a href="https://nyc.f-rpg.me/viewtopic.php?id=55"><ul class="news_scroll" ><li class="news-item special"><span class="date" style="width:80px!important; text-align:center; color: #ffffff;">ГОСТЕВАЯ</span></ul></a></center></td>
    <td><center><a href="https://nyc.f-rpg.me/viewtopic.php?id=59"><ul class="news_scroll"><li class="news-item"><span class="date" style="width:80px!important; text-align:center; color: #ffffff;">ВНЕШНОСТИ</span></ul></a></center></td>
    <td><center><a href="https://nyc.f-rpg.me/viewtopic.php?id=37"><ul class="news_scroll"><li class="news-item"><span class="date" style="width:80px!important; text-align:center; color: #ffffff;">ОБ ИГРЕ</span></ul></a></center></td>
    <td><center><a href="https://nyc.f-rpg.me/viewtopic.php?id=39"><ul class="news_scroll" ><li class="news-item"><span class="date" style="width:80px!important; text-align:center; color: #ffffff;">АКЦИИ</span></ul></a></center></td>
    <td><center><a href="https://nyc.f-rpg.me/viewtopic.php?id=64"><ul class="news_scroll"><li class="news-item"><span class="date" style="width:80px!important; text-align:center; color: #ffffff;">ХОТИМ ВИДЕТЬ</span></ul></a></center></td>
    <td><center><a href="https://nyc.f-rpg.me/viewtopic.php?id=38"><ul class="news_scroll"><li class="news-item special"><span class="date" style="width:80px!important; text-align:center; color: #ffffff;">НУЖНЫЕ</span></ul></a></center></td>
    <td><center><a href="https://nyc.f-rpg.me/viewtopic.php?id=40"><ul class="news_scroll"><li class="news-item"><span class="date" style="width:80px!important; text-align:center; color: #ffffff!important;">ХОЧУ К ВАМ</span></ul></a></center></td>
  </tr>
</tbody>
</table>[/html]

https://nycity.fun/viewtopic.php?id=224&p=18#p14680