h1 に下線を引こうとしているのに、写真の後ろ (左側) に下線を引こうとしているという問題があります。下線をページの最後まで伸ばしたいです。これが私のコードです:
HTML:
<div id="content">
<img src="http://imageshack.us..."/>
<h1>About me</h1
<p>Info about me....</p>
<h2>Contact info</h2>
<p>Phone:my number</p>
<p>Email: my email</p>
</div>
CSS:
#content {
padding: 5px 10px 5px 0px;
margin: 10px 10px 10px 0px;
}
#content img {
float: left;
margin: 0px 10px 10px 0px;
}
#content h1 {
font-size: 26px;
margin: 15px 0px 5px 0px;
border-bottom: 5px solid black;
}
注:私は初心者のコーダーです。これが不可能な場合、またはこれを行う他の方法がある場合はお知らせください。