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>