Formatierung bei Visual Studio Code?
Hallo zusammen,
Ich möchte etwas in Visual Studio Codes formatieren. Die Formatierung soll bei h1 nur auf dem "Website" sein.
Mein Html sieht folgendermaßen aus:
Meine dazugehörige CSS so:
Wenn ich jetzt die Website öffne, erhalte ich dies:
Wie schaffe ich es aber jetzt, dass das "Website" mit in der 1. Zeile steht.
Würde mich über eine Antwort freuen.
Vielen Dank
2 Antworten
![](https://images.gutefrage.net/media/default/user/11_nmmslarge.png?v=1551279448000)
mach <span ...> anstatt <div>
Das Einfügen eines <div> innerhalb eines <h1> verstößt gegen die HTML-Konventionen. Es ist wichtig, dass nur Inline-Elemente in einem H1-Tag enthalten sind, d.h. `span` ist ein vollkommen gültiges Element, ein `div` jedoch nicht.
![](https://images.gutefrage.net/media/default/user/10_nmmslarge.png?v=1551279448000)
Funktioniert leider nicht. Jetzt ist die ganze Formatierung weg..
![](https://images.gutefrage.net/media/user/ohwehohach/1484229011333_nmmslarge__192_3_203_203_916b80d33227bc2c78789585f46b3253.jpg?v=1484229011000)
Normalerweise verwendet man statt <div> für sowas <span>. Und normalerweise auch nicht mit "id", sondern mit "class". Also
<h1>Blablabla <span class="...">Bla</span></h1>
Ein "id" sollte ein eindeutiger Bezeichner eines Elements im DOM sein.
![](https://images.gutefrage.net/media/user/ohwehohach/1484229011333_nmmslarge__192_3_203_203_916b80d33227bc2c78789585f46b3253.jpg?v=1484229011000)
Naja, dann machst Du es halt falsch :-D Wenn Du mit "span class=..." arbeitest, dann muss im CSS vor "u" natürlich ein Punkt stehen.
![](https://images.gutefrage.net/media/default/user/10_nmmslarge.png?v=1551279448000)
Den Punkt vor dem u habe ich gesetzt, funktioniert leider immer noch nicht
![](https://images.gutefrage.net/media/user/ohwehohach/1484229011333_nmmslarge__192_3_203_203_916b80d33227bc2c78789585f46b3253.jpg?v=1484229011000)
Tja. Wie gesagt. Dann machst Du was falsch. Bei mir geht's.
<html>
<head>
<style>
.u {
color: orange;
font-size: 45pt;
text-decoration: line-through;
background: green;
}
</style>
</head>
<body>
<h1>test für <span class="u">Text</span></h1>
<p>Hello</p>
</body>
</html>
Funkrioniert leider nicht. Sobald ich etwas mit <span...> mache, ist die Formatierung komplett weg