ブロック要素の改行取り除き - メモ帳

このWikiのメニューに余計な空白が出たので、削除しようと・・・

結論

「.inner h ｎ 」に対して、margin を０へ
また、その下に表示する「ul」に対しても、margin を０へ

h1 {
    background-color:#E0E0E0;
    border-bottom: 1px solid #999;
}
h3 {
    background-color:#E5E5E5;
    border-bottom: 1px solid #999;
}
h4 {
    background-color:#F0F0F0;
    border-bottom: 1px solid #999;
}
.inner h1 {
    margin: 0px 0px 0px 0px;
}
.inner h3 {
    margin: 0px 0px 0px 0px;
    border-left: 3px solid #999;
}
.inner h4 {
    margin: 0px 0px 0px 0px;
    border-left: 6px solid #BBB;
}
.inner h1.item {
    margin: 0px 0px 0px 0px;
}
ul {
    margin-top: 0px;
    margin-bottom: 0px;
}
.header {
    background-color:#EEE;
}
a:link {
    color:#000;
    border-bottom: dotted 1px #999;
}
a:visited {
    color:#000;
    border-bottom: dotted 1px #CCC;
}

検証

右に改行が

ここから
<h1 style='background-color: #CFF;'>TEST1</h1>
ここまでテストです。

---

ここから

TEST1

ここまでテストです。

---

ここから
<h1 style='background-color: #CFF; margin: 0'>TEST2</h1>
ここまでテストです。

---

ここから

TEST2

ここまでテストです。

---

ここから
<h1 style='background-color: #CFF;'>TEST3</h1>
<ol><li>test</li></ol>
ここまでテストです。

---

ここから

TEST3

1. test

ここまでテストです。

---

ここから
<h1 style='background-color: #CFF; margin: 0'>TEST4</h1>
<ol style='margin: 0><li>test</li></ol>
ここまでテストです。

---

ここから

TEST4

1. test

ここまでテストです。

---

.

---

Footer

HTML タグ ブロック要素

---