1

-icon |text| の行を揃えようとしています。- アイコン |テキスト| - アイコン |テキスト| divが隣り合っているだけで問題ないようで、適切に配置されているようです。しかし、私が追加すると

子 div の間にタグを付けると、非常に奇妙な動作をし、マージンを親 div の 1/2 に設定します。

これは私のHTMLがどのように見えるかです:

<section id="subber">
            <span class="subber-element-icon">
            </span>
            <div class="subber-element">
                <p>hafjadljla;j kfaj lfjadklj;af kl;aj a</p>
            </div>
</section>

CSS は次のようになります。

#subber {
height: 10%;
width: 100%;
}

.subber-element{
height: 100%;
display: inline-block;
border: 1px black solid;
width: 30%;
}

.subber-element p{
font-family: vegur regular;
color: grey;
display: inline;
margin: 0;
padding: 0;
}

.subber-element-icon{
height: 100%;
width: 10%;
border: 1px black solid;
display: inline-block;   
}

うまくいけば、あなたの一人が助けてくれるでしょう！

4

1 に答える 1