title: Is it possible to lay text on rounded corners of elements?
body: <p>For instance, given a simple snippet like this</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.outer {
      background-color: grey;
      padding: 100px;
      border-radius: 50px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="outer"&gt;
  &lt;div class="inner"&gt;
  ciao
  &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>would it be possible to lay the text <code>ciao</code> along one of the four rounded corners of the outer <code>div</code>?</p>
  <p>Or, more generally, is it possible to make some long text follow the whole border of the outer <code>div</code>? For instance, a long enough text could start from one side, proceed straight along that side, then curve along one of the corners, and finally proceed along the following side.</p>
  <p>Ultimately, I'm interested in putting anything along corners, including <code>&lt;ul&gt;</code>s, for instance, so probably SVG is not the way to go (or is it?).</p>