Question

I want to create border around my form and also want to put some HTML component on top border line created by around my form. Check sample form created by me and the Radio button overlapping on top border line.
Can you please guide me how to achieve similar type of output.

— O home O office ———————————

|                            ________________            |

|         Address:     |                                |           |
|                            |                                |           |
|                            |                                |           |
|                            |________________|           |
|                            ________________            |
|       Phone No:   |_________________ |         |
|                                                                        |
|———————————————————

Answer 1

You can use a <fieldset> and <legend>

<form>
  <fieldset>
    <legend><input type="radio" name="location"> home  <input type="radio" name="location"> office</legend>
    form elements
 </fieldset>
<form>

DEMO