Question

how to change label text from top to left

Answer 1

label {
  float: left;
}

The above CSS will position ALL label elements to the left.

But this leads to the scroll bar appearing for sections containers of the controls, the solution is to attach a custom HTML css class to the section and add a min-width of say 400px to it, this will take care of the scrolling.

Answer 2

We have a label pllacement is configuration window of each control.you can use that.