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

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.

TAGS