見出しが境界線と同じレベルにある境界線を作成するにはどうすればよいですか？

Question

フレーズへの混乱の要求の種類。しかし、基本的には、国境の真ん中を中心としたテキストがあり、テキストの境界線を叩くことなく、コンテンツの周りに境界線を設定したいと考えています。添付のimageをご覧ください。また、必要と判断した場合は、私のコードを提供するように編集します。

ありがとう！ここで

Answer 1

あなたが行く： https://jsfiddle.net/4nhk3ooy/1/

あなたはボックス内にあなたのヘッダーを配置し、正しいオフセットでposition:absoluteをそれを置きます。次に、ヘッダーの背景を正しい色に設定します。また、いくつかのパディングを置くので、境界とテキストの間にスペースがあります。次に、オフセットを正しくカウントするだけです。また、いくつかのレスポンシブな機能については、画面のサイズに応じてすべてを数えるためのJSアルゴリズムを記述することもできます（テキストサイズを処理しなければならないので、その後にヘッダーの幅を変更した後、

また、ボーダーボックスも相対、絶対、固定のいずれかの位置に配置する必要があります。または、絶対配置されたヘッダーはdivに対して配置されませんが、画面。