html - Positions off in different browsers -


i have oval positioned lower on right (safari) left (chrome) if carefully. although quite minor, still know can fixed. enter image description here

<body> <div class="player"> <input type="button" id="specific" value="<?php echo $id; ?>" onclick='window.open("<?php echo $specific; ?>")'> //other stuff   .player {   position: relative;   width: 600px;   padding: 30px 10px 10px 10px;   border-style: solid;   border-radius: 20px;   margin: auto;   text-align: center;   font-family: "arial"; }  #specific {   display: inline-block;   position: absolute;   top: -2px;   left: 50%;   transform:translate(-50%, -50%);   padding: 5px 15px;   cursor: pointer;   border: none;   border-radius: 20px;   text-align: center;   color: #fff;   font-size: 15; } 


Comments

Popular posts from this blog

Spring Boot + JPA + Hibernate: Unable to locate persister -

go - Golang: panic: runtime error: invalid memory address or nil pointer dereference using bufio.Scanner -

c - double free or corruption (fasttop) -