Tabelle mit „Align=Left“ führt zu unerwartetem Float-ähnlichem Verhalten ⇐ HTML

[Anonymous]

Das align="left" in der Tabelle im folgenden HTML führt dazu, dass die Tabelle Teil der orangefarbenen Schaltfläche wird.
Dies kann behoben werden, indem fast alles hinzugefügt wird, einschließlich eines   oder eines Punkts hinter der Tabelle, oder indem align="left" entfernt wird.
Das folgende CSS dient nur dazu, das Problem deutlich sichtbar zu machen.
Für mich fühlt sich das wie ein Fehler an. Ich versuche zu verstehen, was passiert.

Code: Select all

table {
width: 100%;
}
.button {
background-color: orange;
border-radius: 20px;
box-shadow: 0 0 6px #aaa;
color: white;
display: block;
text-align: center;
padding: 3px;
}

Code: Select all

A Heading


One
Two
Three



[url=#]First Button[/url]
[url=#]Second Button[/url]