[SalesForce] How to change label width for inputfield in VF page

I have VF page designed as a form with multiple fields (input, output, radio button) as shown below. I would like to extend the label on my form to represent 30% of the space. At the moment it is all stuck on the left hand side. I am already using CSS style but could not figure it out how to fix the label width.
Any idea?
Thank you in advance for your help.
Sylvie

Example

I have tried the table solution but it is not what I want to achieve. I would like the label to extend and moreover my radio button labels have disappeared. See below:

enter image description here

Best Answer

I have fixed it by creating a style for the label and for the radio button:

 label {
      float: left;
      width: 150px;
      margin-left: 20px;
      text-align: left;
   }
 .radioB input, .radioB label{
      float:none;
      display:inline;
      width: 30px;
   }
Related Topic