• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

[ERLEDIGT] Text Border zentrieren

AiRx

Neues Mitglied
Hallo,
ich habe eine Frage und zwar wie positioniere ich einen Text-Border zentriert?
Mit text-align: center ist es ja nur der Inhalt des Borders.

Hier meine CSS Datei:
Code:
h1 { 
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	text-align: center;
}

h2 { 
    text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 250;
	opacity: 0.16;
	text-align: center;
	border:2px solid #456879;
	border-radius:12px;
	width: 450px;
}


Die Bisherigen Ergebnisse:
9PQ8Cer.png



Vielen Dank im voraus :D
 
Werbung:
Ich bin mir nicht sicher, ob das die Lösung ist die Du suchst. Auch bezweifle ich, dass Du den Rahmen zentrieren willst - zumal ich nicht weiß wie Du das meinen könntest. Meine Vermutung wäre, dass Du das gesamte Element zentrieren willst, so dass es in der Mitte der Seite steht. Hierfür gibt es mehrere Möglichkeiten:
  • margin: 0 auto; inkl. einer festen Breitenangabe
  • display: inline-block und dem umgebenden Element sagen, dass alle darin zentriert werden soll
Was davon für dich geeignet ist hängt von deinem Ziel und deiner Kodierung ab. Weitere Tipps zur Zentrierung von Block-Elementen findest Du z.B. hier:
http://wiki.selfhtml.org/wiki/CSS/Anwendung_und_Praxis/Inhalte_zentrieren
 
Werbung:
Zurück
Oben