Wyśrodkowanie elementu przy video playerze

Question

mój video player: learn.c0.pl (plik style.css)

Nie działa mi wyśrodkowanie przycisku "play" na środku ekranu.

 

#video-container
{
	width: 640px;
	height: 360px;
	position: relative;
}
	video
{
	width: 100%;
	height: 100%;
}
	#screen
	{
		height: 100%;
		width: 100%;
		line-height: 360px;
		text-align: center;
		position: absolute;
	}
	#screen img
	{
		vertical-align: middle;
	}

 

Answer 1

Cześć,

proponuje Tobie użyć display flex, czyli w twoim przypadku:

#screen
{ 
   height: 100%;
   width: 100%;
   line-height: 360px;
   text-align: center;
   position: absolute;
   display: flex;
   justify-content: center;
   align-items: center;
}

i jeszcze usuń vertical-align:middle z img.