[rjwse@aol.com]

  circ, circle {
  /*can circle text or any number of digits; see circle:after/before*/
  background-color: pink;
  border: 0.1em solid red;
  border-radius: 50%;
  line-height: 0;
  padding: 0.2em;
  white-space: nowrap;}
circ, circle:after {  content: " ";}
circ, circle:before {  content: " ";}

<h1 id="toc_1"><circle>circle</circle> </h1>
<p>puts circle around <circle><i>any</i></circle> text. You can put the dummy command 'circ,' in front of all 3 commands to keep them next to each other if you alphabetize the stylesheet.</p>