.container{
  display: flex;
  justify-content: center;
}
.box{
  width: 200px;
  height: 200px;
  background: red;
  position:relative;
}
.text-center{
  text-align: center;
  padding: 10px 0;
}

$(".box").click(function(e){
  let xPos = e.pageX - $(this).offset().left;
  let yPos = e.pageY - $(this).offset().top;
  $("#show").text(`x: ${xPos}, y: ${yPos}`);
})