5

画像と h1 タグを 1 行に並べようとすると問題が発生します。display: inline と inline-block を試してみましたが、機能せず、2 つのコンテナーのみを作成しました。セクションの幅を 100% に追加しましたが、まだ何もありません。フロートも機能しません。機能した場合、ページの配置が台無しになります。私は何を間違っていますか？意図したとおりに機能せず、助けが必要な理由を理解するのが難しい場合があります。

HTML

<section>
    <img id="me" src="assets/img/pose1.jpg" alt="A photo of me." />
    <h1>FOLLOW ME ON...</h1>
</section>

CSS

section{
    display:inline-block;
    width:100%;
}
h1{
    position:relative; /*position wherever desired on the page*/
    top:0;
    bottom:0;
    right:0;
    left:0;
    font-weight:bold;
    font-size:40px;
    color:#FFFFFF;
    background-color:#FFB405;
}
4

3 に答える 3

4

ここで行ったように、プロパティに追加display: inline-block;します。h1

于 2013-09-07T18:31:34.757 に答える
0

これを試して：-

h1{
position:relative; /*position wherever desired on the page*/
top:0;
bottom:0;
right:0;
left:0;
font-weight:bold;
font-size:40px;
color:#FFFFFF;
background-color:#FFB405;
 display: inline-block; 
}
于 2013-09-07T18:32:43.010 に答える
0

いくつかの CSS 競合がありh1ます...

これはうまくいくはずです

section {
    display: block;
}
h1 {
    position:relative; /*position wherever desired on the page*/
    display: inline-block;
    font-weight:bold;
    font-size:40px;
    color:#FFFFFF;
    background-color:#FFB405;
}
section img { 
    display: inline-block;
}
于 2013-09-07T18:32:52.543 に答える