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
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.
Funktioniert leider nicht. Jetzt ist die ganze Formatierung weg..
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.
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.
Den Punkt vor dem u habe ich gesetzt, funktioniert leider immer noch nicht
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