Grippy css

div {
  border:dashed 1px #aaaaaa;
  padding: 6px 12px;
  font-size: 1.2em;
}
span.grippy {
  content: '....';
  width: 10px;
  height: 20px;
  display: inline-block;
  overflow: hidden;
  line-height: 5px;
  padding: 3px 4px;
  cursor: move;
  vertical-align: middle;
  margin-top: -.7em;
  margin-right: .3em;
  font-size: 12px;
  font-family: sans-serif;
  letter-spacing: 2px;
  color: #cccccc;
  text-shadow: 1px 0 1px black;
}
span.grippy::after {
  content: '.. .. .. ..';
}


<div>
  <span class="grippy"></span> Drag grip is on the left
</div>

Source: codepen.io

Similar codes

-1 vote222 views1 answer
Materialize table padding css
CSS Materialize
0 vote229 views1 answer
Au fourneua bakery
CSS
2 votes223 views2 answers
Border not showing css
CSS
0 vote173 views1 answer
Install scss
CSS
18 votes194 views2 answers
Rgba blue colo
CSS
0 vote216 views1 answer
Estilos de button css
CSS
58 votes202 views2 answers
How to set css style using jquery
CSS
198 votes270 views6 answers
How to add css in html
CSS
0 vote196 views1 answer
Input padding without changing width
CSS
0 vote196 views2 answers
How to change the select arrow in css
CSS