How to move the containters_Flex Box

height: 100px;
width: 100px;
display: flex; /*make the items inside align in a row*/
align-items: center; /*center items 123 vertical*/
justify-content: center; /*center items 123 horizontal*/
gap: 20px; /*only adds space between items, not at the edges.*/
margin-left: 100px; /*move the pork away from the left edge of the screen 100px.*/ /* margin: 0 auto; /*center pork on the screen*/ margin-top: 50px; /* create space before and after the beef container */ margin-bottom: 50px; /* create space before and after the beef container */

background-color: #923939;
font-size: 20pt;
padding: 20px;
border: 20px solid black;
text-align: center; /* without flex box the items stack vertically by default
to center items insdie beef use text-algin*/