Split an item horizontally

[Alchemy86]

Is it possible to split the content of a gridster-item horizontally?
I have tried but cannot force it.
I just want two sizes to my items, one on the left and one on the right sharing 50% of the available space.

I managed to get a handle on the left with a set colour etc but cannot force the other data to the right of it, its simply pushing the data down below and outside of the gridster-item.

<div gridster="gridsterOpts"> <ul> <li gridster-item="customItemMap" ng-repeat="item in customItems"> <div class="handle" style="width: 50%; height: 100%; background: lightblue; ">{{item.Label}}</div> <div style="width: 50%; height: 100%; display: inline-block; float: left">{{ gridsterItem.isMoving() }}</div> </li> </ul> </div>

I cannot find any example where anyone splits it horizontally so can you confirm if this can be done?