Css play button on image

.more_video_img {
  position: relative;
}

.playBtn {
  position: absolute;
  width: 40px;
  height: 40px;
  left: 50%;
  top: 50%;
  margin-left: -20px; /*half of the width */
  margin-top: -20px; /*half of the height */
}

Similar codes

0 vote398 views1 answer
Text align in materialize css
CSS Materialize
45 votes386 views3 answers
Collapse all code vscode
CSS
0 vote345 views1 answer
Css flex bottom
CSS
1 vote356 views1 answer
Flexbox align or justify one single item
CSS
2 votes339 views1 answer
How to center with position fixed
CSS
0 vote342 views1 answer
Flex box divs squeeze together
CSS
0 vote366 views2 answers
Move header down css
CSS
-1 vote419 views2 answers
Bootstrap 4 popover content from div
CSS Bootstrap
0 vote391 views1 answer
Disable button outline in css
CSS
6 votes359 views2 answers
Update checkbox size css
CSS