CSS：左罫線のフィールドセット内の凡例を中央に配置できますか？

Question

私は伝説を取ってそれを左の国境につけようとしています。私はそれを垂直に中央に表示したい。これは可能ですか？ 次のようになります。

左境界線以下の例を参照してください：あなたは絶対に凡例を配置し、その後、少し修正するための移行を使用することができます

__________________________________ 
| 
| 
| 
Some Text here 
| 
| 
| 
|__________________________________ 

Answer 1

。あなたがいることに注意する必要があり

CSS

fieldset { 
    position: relative; 
    padding-left: 50px; 
} 

legend { 
    position: absolute; 
    display: block; 
    top: 50%; 
    left: 0; 
    top: 50%; 
    transform: translateY(-50%); 
} 

HTML

<form action="test.php" method="post"> 
    <fieldset> 
    <legend>Title</legend> 
    <input type="radio" id="radio"> <label for="radio">Click me</label> 
    <div> 
     <label for="name">Text Input:</label> 
     <input type="text" name="name" id="name" value="" tabindex="1" /> 
    </div> 
    </fieldset> 
</form>