grippy css

1div {
2  border:dashed 1px #aaaaaa;
3  padding: 6px 12px;
4  font-size: 1.2em;
5}
6span.grippy {
7  content: '....';
8  width: 10px;
9  height: 20px;
10  display: inline-block;
11  overflow: hidden;
12  line-height: 5px;
13  padding: 3px 4px;
14  cursor: move;
15  vertical-align: middle;
16  margin-top: -.7em;
17  margin-right: .3em;
18  font-size: 12px;
19  font-family: sans-serif;
20  letter-spacing: 2px;
21  color: #cccccc;
22  text-shadow: 1px 0 1px black;
23}
24span.grippy::after {
25  content: '.. .. .. ..';
26}
27
28
29<div>
30  <span class="grippy"></span> Drag grip is on the left
31</div>