Hey alle zusammen,
ich habe mal wieder bissl ausprobiert mit CSS und nun habe ich ein Problem. Ich habe 2 Sätze in einer Linie der 1ne Satz ist im normalen <p> und der andere eingebunden mit <span>, beide werden im Stylesheet angesprochen.
Nun möchte ich aber den <span> Teil nach rechts außen ganz an den rand bekommen, und da komm ich nicht weiter. Habe es schon mit text-align: right; versucht aber hat nicht funktioniert.
Villt weiß jemand von euch wie man es macht ?
Hier mein HTML:
HTML
<!Doctype html>
<html>
<head>
<meta charset="UTF-8"/>
<meta robots= "index,follow"/>
<meta http-equiv="content-type" type="text/html" />
<meta discription="Neon-Seite, alles über Neon-Texten in HTML"/>
<link rel="stylesheet" href="neon.css" type="text/css"/>
<title>Neon - Wunderbares geschaft in HTML</title>
</head>
<body>
<h1 id="ueberschrift">Dies hier ist ein Beispiel für Neon-Texten, designt mit CSS!</h1>
<div class="neon">
<p id="blau">NEON-Text mit Blau <span id="gelb">NEON-Text mit Gelb</span></p>
<p id="gruen">NEON-Text mit Grün <span id="rot">NEON-Text mit Rot</span> </p>
</div>
<h2 id="uber">Dies ist ein Beispiel für Schatten</h2>
</body>
</html>
Alles anzeigen
Und mein CSS:
CSS
h1#ueberschrift
{
color:red;
text-shadow: 3px 3px 3px black, -3px 3px 3px black, 3px -3px 3px black, -3px -3px 3px black;
}
div.neon
{
background-color: black;
color: white;
font-size: 5em;
padding-left: 30px;
padding right: 30px;
padding-top: 5px;
padding-bottom: 5px;
}
#blau
{
text-shadow: 0px 0px 10px white, 0px 0px 20px blue, 0px 0px 20px blue, 0px 0px 30px blue,
0px 0px 40px blue, 0px 0px 50px blue, 0px 0px 60px blue, 0px 0px 70px blue,
0px 0px 80px blue, 0px 0px 90px blue;
}
#gelb
{
text-shadow: 0px 0px 10px white, 0px 0px 20px yellow, 0px 0px 20px yellow, 0px 0px 30px yellow,
0px 0px 40px yellow, 0px 0px 50px yellow, 0px 0px 60px yellow, 0px 0px 70px yellow,
0px 0px 80px yellow;
}
#gruen
{
text-shadow: 0px 0px 10px white, 0px 0px 10px green, 0px 0px 20px green, 0px 0px 30px green, 0px 0px 40px green, 0px 0px 50px green;
}
#rot
{
text-shadow: 0px 0px 10px white, 0px 0px 10px red, 0px 0px 20px red, 0px 0px 30px red, 0px 0px 40px red, 0px 0px 50px red, 0px 0px 60px red, 0px 0px 70px red, 0px 0px 80px red, 3px 3px 3px cyan, -3px 3px 3px cyan, 3px -3px 3px cyan, -3px -3px 3px cyan;
}
h2#uber
{
color: blue;
text-shadow: 2px 2px 2px red, -2px 2px 2px red, 2px -2px 2px red, -2px -2px 2px red;
}
Alles anzeigen
Freue mich schon auf eure Hilfe.
MFG,
Stef