<div class="polaroid">
  <img src="https://laptrinhtudau.com/wp-content/uploads/2022/01/280px-Sacred_lotus_Nelumbo_nucifera.jpg" alt="hoasen" style="width:100%; height=300px;" >
  <div class="container">
  <p>Hoa Sen</p>
  </div>
</div>
body {margin:25px;}

div.polaroid {
  width: 80%;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 25px;
}

div.container {
  text-align: center;
  padding: 10px 20px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.