<body>
    <div class="inner">
      
      <div class="contents">
        <img src="https://inopro.jpn.org/wp-content/uploads/2022/01/52561544f3c182f7cac2abbf6f3e53d0-e1643611955969.png" alt="">
        <div class="name">いのぷろ</div>
      </div>
.inner {
  max-width: 800px;
/*   margin: auto; */
  border: 2px solid red;
}
/* .contents {
  text-align: center;
} */
.contents img {
  height: 300px;
  width: 300px;
  border-radius: 50%;
  text-align: center;
}
.name {
  font-size: 2rem;
  font-weight: bold;
  color: #000;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.