how inside a word or sentence in circle border in html

1#rubi::before {
2  content: "";
3  float: right;
4  height: 100%;
5  width: 50%;
6  shape-outside: polygon(
7    2% 0%,
8    100% 0%,
9    100% 100%,
10    2% 100%,
11    50% 94%,
12    76.6% 82.7%,
13    94% 65.6%,
14    100% 50%,
15    94% 32.6%,
16    76.6% 17.3%,
17    50% 6%
18    );
19  shape-margin: 7%;
20}