Sortable List Sample

Pants & shorts
  • Summer shorts green
  • Vintage jeans
  • Black jeans
T-shirts & jerseys
  • T-shirt yellow
  • Bandshirt Band X
  • Sleeveless t-shirt red
  • Classy shirt
Accessoiries
  • Blue bow tie
  • Winter scarf blue

Code:
Pants & shorts
  • Summer shorts green
  • Vintage jeans
  • Black jeans
T-shirts & jerseys
  • T-shirt yellow
  • Bandshirt Band X
  • Sleeveless t-shirt red
  • Classy shirt
Accessoiries
  • Blue bow tie
  • Winter scarf blue
CSS:
*{margin:0;padding:0}

body{
background-color: #EAEDF2;
}

.container{
width: 500px;
margin: 20px auto 0 auto;
font-family: 'Montserrat', sans-serif;
}

.category{
background-color: #ff4b46;
height: 60px;
line-height: 60px;
font-size: 25px;
padding-left: 20px;
color: white;
}

.sortable{
list-style-type: none;
margin-bottom: 20px;
min-height: 40px;
}

.handle:hover{
cursor: move;
}

.sortable li{
background-color: white;
font-size: 18px;
line-height: 40px;
height: 40px;
padding: 11px 0 11px 20px;
margin-bottom: 2px;
}

li i.handle{
float:right;
line-height: 40px;
font-size: 20px;
margin-right: 20px;
}