Text-Align center doesn't affect input (Radiobutton)

[Patrick_C_1]

Hello!

I have a little problem here. I have a grid, and in the grid's columns is respectively one radiobutton plus a label. The grid is surrounded by an radiobuttongroup div. That works really well, but there's only one problem - in fact only a design problem. I want the radiobuttons to be centered, but whatever I try (text-align center in the input tag or the parent div tag, margin, ...) they wont center. Now, is there any way to center them?

[Chris_P_Intel]

Is this with the Design View?

Can you share what you are attempting? 

[Patrick_C_1]

Yes, the project is partly built in the App-Designer.

Sure, I can tell you, what attempting to do. This part of the app I'm programming is a kind of survey, where you have to answer a few questions. They're all completely generated by JavaScript (textfields, dropdown menus, radiobuttons and checkboxes) and there is a "matrix". On the left, there is a term, e.g. "good", on the other site is the opposite of that term, in this case "bad". And then there are five radio buttons, which are in a one-row-grid with as much columns as needed. Now, at the top of this matrix are the meanings of each button, which can be a simple 1 - 5 or text. All this data comes from a server, that's why I have to generate all manually. For better understanding, there's a screenshot of the current state of the matrix in the appendix. I want that the radiobuttons are in the same position as the text on the top (certainly on the x-axis).