title: pure css arrow help
body: <p>The image below describes the issue. I am creating our comment forms. And want to create the pointer arrow in ffffff background color, and a border of 1px aaaaaa and border bottom fff so it sits comfortably on our container div</p>
  
  <p>The issue I have is I can make a solid color pointer, but not sure if I can make what I want, so thought I would ask here please.</p>
  
  <p><img src="https://i.stack.imgur.com/jtE7S.png" alt="enter image description here"></p>
  
  <p>The css for the pointer is:</p>
  
  <pre><code>div.comment-reply .arrow{
  border-bottom: 8px solid #888;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  height: 0;
  left: 30px;
  line-height: 0;
  position: absolute;
  top: -8px;
  width: 0;
  </code></pre>
  
  <p>}</p>