Заголовок поля отображается не так, как ожидалось

Question

Я пытаюсь добавить заголовок в раздел. Я попытался использовать следующий код, который не дает мне ожидаемый результат.

 <div id="tab2" class="tab-content" style="display:none; height: 600px">
     <span style="margin-left:2%"></span>                
     <div style="font-size:medium; border-color:black; border-style:solid; width:40%; height:150px" title="Title1">
         <fieldset>
             <legend>Title 1</legend>
                 <label for="fname">First name:</label>
                 <input type="text" id="fname" name="fname"><br><br>
         </fieldset>
     </div>
</div>

Я хочу, чтобы результат был несколько похожим.

Может ли кто-нибудь мне помочь.