0

私はこれを持っています：

< h1 style="position: relative; top: -103px; left: 700px; border-width: thin; border-style: dotted; border-color: grey;">
< small>Three Stars Of The Week</small>
</p>

見出しの終わりをはるかに超えて終わる灰色の点線の見出しが表示されます。ページの最後に移動します。

境界線がページの最後までではなく、文字の周りにのみ表示されるように修正するにはどうすればよいですか?

4

2 に答える 2

1

h1はブロックレベルの要素であるため、これは予想される動作です。そのコンテンツをインライン要素（などspan）に配置し、代わりにスタイルを設定します。

于 2013-02-13T04:37:25.190 に答える
0

<h>（ヘッダー1から6）タグはブロック要素であるため、ページの最初から最後までかかることは明らかです。を使用してみてくださいdisplay:inline-block。このようなもの

CSSクラス

.head-class{
  position:relative; 
  top: -103px; 
  left: 700px; 
  border-width: thin; 
  border-style: dotted; 
  border-color: grey;
  display:inline-block; /* style to make element as inline but block */
}

あなたの要素

< h1 class="head-class"><small>Three Stars Of The Week</small></h1><br>
于 2013-02-13T04:43:44.867 に答える