Content box in sortable list?

Content box in sortable list?

I am using jQuery draggable and sortable list for the first time and it seems the sortable list is working.

However I have a question. When I try to drag the content box with custom CSS applied to the sortable list, the div goes into the list, but loses all the styles. Is this a normal behaviour? Is it possible to keep the styles when dragged into the sortable list?

Here is the jsFiddle I put up: https://jsfiddle.net/3fa24d0p/

Thanks in advance.