Добрый день!

Для решения вашей задачи, советую использовать 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;

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

Добрый день! Блоки не могут выравниваться, как текст. Аттрибут text-align: center - это для выравнивания текста.

Я знаю 3 способа решения проблемы:
1) Поставь блок с тегами в тег "p". И тогда сам тег "p" - выравнять с помощью text-align: center.

2) Использовать CSS FlexBox.
Блоку с болками задать display: flex. также задать justify-content: center. Далее flex-wrap: wrap.

3) Задать блоку с блоками margin: 0 auto.

Рекомендую 3й способ, но можете использовать любой на свое усмотрение. Просто способ 3, на мой взгляд, лучше подходит для решения вашей проблемы.

Желаю успеха. Если будут вопросы, смело задавайте,попробую помочь)))

Добрый день. Попробуйте блок с контентом, который открывается, задать z-index: 20. Тогда он будет поверх него. Если не выйдет, уточняйте вопрос - попробую помочь!!!