@John_Smith228

Как расположить элемент по центру в CSS?

Круг и кнопка play отдельные изображения. Попробовал как-нибудь сделать, но не особо получается.

<div class="content__video2">
		<div class="container">
			<div class="video__inner">
				<div class="circle">

				<img src="img/circle.png">

					
				<img src="img/play.png" class="play">

				
				</div>
			</div>
		</div>
	</div>


.content__video2 {
	display: flex;
	height: 550px;

	background: url(img/2video_bc.jpg) center no-repeat;
	background-size: cover;	
	width: 100%; 
	position: absolute;
	top: 1072px; left: 0px;
	z-index: 100;
	opacity: .85;
	flex-direction: column;
}

.video__inner {
	width: 100%; 
	padding: 202px; 
	text-align: center;
}

.circle {
	display: block;
	position: relative;
	width: 100%;
	
	margin: 0 auto;
}

.play {
	display: block;
	position: absolute;
	top: 28px; left: 252px;
	
}


6106bf59704e5998848572.png

Прошу не ругать за составленный код, только учусь))
  • Вопрос задан
  • 191 просмотр
Пригласить эксперта
Ответы на вопрос 4
aliencash
@aliencash
Партизан
Ответ написан
Комментировать
ZerdoX-x
@ZerdoX-x
Frontend developer influenced by web, a11y, crypto
Если вы учитесь, то советую изучить данную статью: https://css-tricks.com/centering-css-complete-guide/

Спрашивая на подобных сервисах и копируя код, продвигаться будете медленно :)
Ответ написан
Комментировать
sanyokdb
@sanyokdb
--save-dev
вот ещё один пример
https://codepen.io/sanyokdb/pen/GRJbzgE
Ответ написан
Комментировать
AlexNest
@AlexNest
Работаю с Python/Django
Как-то так?
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы