Как в статье вывести такие блоки как на скриншоте?

Question

[webius2]

Подскажите как вывести в статье такие блоки как на скриншоте, т.е сам стиль должен быть такой. Цвета, ключевые слова и ссылки я естественно должен задать свои.

Comments

[Антон Литвиненко]

достаточно этим ссылкам дать display: inline-block

Answer 1

[Николай Угольников]

Answer 2

[MisterVerstalschyk]

Добрый день!

Для решения вашей задачи, советую использовать CSS FlexBox. Это сделать очень просто.

<div class="tag-fullcontainer__block">
  <div class="tag-container__block">
    <p>Фотография и видео</<p>
  </div>
  <div class="tag-container__block">
    <p>Помощь по дому и присмотр за ребенком</<p>
  </div>
</div>

.tag-fullcontainer__block {
  display: flex;
  flex-wrap: wrap;
}
.tag-container__block {
  padding: 2px 4px 2px 4px;
  background-color: вкажете, який потрібно; 
  width: auto;

Если я правильно понял, должно помочь. Если нет - уточняйте вопрос, попробую помочь!