How to indent input controls for a nested HTML list using CSS to a single column

How to indent input controls for a nested HTML list using CSS to a single
column

I have a nested html list, with each element having a set of associated
input controls. I want to indent all the input controls to a single
column. An example is given below
[b][b][c] • Element_1
[b][b][c] • Element_1.1
[b][b][c] • Element_1.1.1
[b][b][c] • Element_1.1.2
[b][b][c] • Element_1.2
[b][b][c] • Element_2
[b][b][c] • Element_3
Here [b] means a button and [c] means a checkbox and • means a bullet sign
for the list corresponding to the following element.