JSFiddle - React, Tailwind, and code Playground

by Alexey Ukolov

HTML

<div id="field">
    <img src="https://en.js.cx/clipart/ball.svg" id="ball"> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
    . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
  </div>

CSS

#field {
    position: relative;
    width: 200px;
    border: 10px groove black;
    background-color: #00FF00;
  }

  #ball {
    display: block;
    position: absolute;
    width: 80px;
    height: 80px;
    top: 50%;
    left: 5
  }