Как выровнять контент открывающегося блока по центру?

Question

[Kilila]

Добрый вечер, заголовок сформулировал коряво, суть:
Есть аккордеон из нескольких блоков вида:

<ul class="accordeon-menu">
	    <li class="accordeon-menu__item accordeon-menu__item--active">
	        <div class="accordeon-menu__item-content">
	        	<div class="slider-info">
	        		<div class="slider-info__wrapper">
	        			<h1></h1>
	        			<div class="text-center">
	        			</div>
	        			<div class="slider-action">
	        			  <a href="#" class="btn"></a>
	        			</div>
	        		</div>
	        	</div>
	        </div>
	        <div class="accordeon-menu__item-link"></div>
	  </li>	
	</ul>

где несколько li . По нажатию на accordeon-menu__item-link открывается accordeon-menu__item-content. Всегда открыт только один блок. При открытии, если контента много, бывает так, что приходится скроллить чтобы содержимое открытого блока поместилось в середину экрана, как сделать, чтобы при открытии того или иного блока, содержимое центровалось по середине экрана ?

Answer 1

[Дмитрий]

Через overflow можно скроллинг задать.

up

Пардон, в суть вопроса не сразу въехал.

Контент можно по центру выставить через:
1) margin (auto выставите)
2) text-align: center;
3) flexbox
4) css grid
5) padding прописать - подойдет для статичного контента (но это тот еще изврат)

Залейте код на
https://jsfiddle.net/
https://codepen.io/
или скиньте ссылку на сайт, глянем какой из вариантов более удобен.