how to stop items going out of screen css code example

Example 1: css how to stop screen from left and right

/* The problem */
.off-screen {
  position: absolute;
  right: -50px;
  
  width: 100px;
  height: 100px;
  
  background-color: red;
}

/* The solution */
body {
  overflow-x: hidden;
}

Example 2: css how to stop screen from left and right

<div class="off-screen"></div>