how do i add a curved dotted line around 3 divs one below other as attached in the image


enter image description here

How do i add a curved dotted line around 3 divs as attached in the image.


Answers:


You can try to use border, and border-radius to help:

.round-dot {
  border: 1px dotted #000000;
  border-radius: 60px;
  padding: 20px 30px;
  color: #000000;
}
<html>

<body>
  <div style="width:500px; ">
    <div class="round-dot">Here are some text Here are some text <br /><br />Here are some text <br /><br />Another text</div>
  </div>
</body>

</html>

This can create curved dotted line. As how much it should curve, you need to adjust the border-radius.