title: Is it possible to make a squiggly line?
body: <p>If I wanted to make a horizontal line, I would do this:</p>
  <pre><code>&lt;style&gt;
  #line{
      width:100px;
      height:1px;
      background-color:#000;
  }
  &lt;/style&gt;
  &lt;body&gt;
  &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;
  </code></pre>
  <p>If I wanted to make a vertical line, I would do this:</p>
  <pre><code>#line{
      width:1px;
      height:100px;
      background-color:#000;
  }
  &lt;/style&gt;
  &lt;body&gt;
  &lt;div id=&quot;line&quot;&gt;&lt;/div&gt;
  </code></pre>
  <p>A curved line is trickier, but possible using <code>border-radius</code> and wrapping the element:</p>
  <pre><code>&lt;style&gt;
  .curve{
      width:100px;
      height:500px;
      border:1px #000 solid;
      border-radius:100%;
  }
  #wrapper{
      overflow:hidden;
      width:40px;
      height:200px;
  }
  &lt;/style&gt;
  &lt;body&gt;
  &lt;div id=&quot;wrapper&quot;&gt;
      &lt;div class=&quot;curve&quot;&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  <p>But I cannot even fathom how I could generate squiggly lines! <strong>Is this even remotely possible using only css (and javascript since it does seem that it will be necessary to be able to more easily generate them).</strong></p>
  <h1>note:</h1>
  <p>As expected, given your answers there is no way to do this in sole css...javascript and jquery are 100 percent okay for your answer...<strong>NO IMAGES CAN BE USED</strong></p>