Diese Seite beeinhaltet Kode zum kopieren.
Auf einem kleinem Browser sieht das nicht gut aus,
mach doch bitte mal deinen Desktop an !

Elemente zentrieren, Div’s zentrieren, Bilder zentrieren

Video: 720p (HD) Deutsch, von Website-Bauen.de
Wie üblich, würden wir uns auf Ihr "like" bei YouTube freuen - Danke

Das HTML und CSS dazu, wie im Video:

HTML Code:
Wie im Video-Beispiel mit vier div-Elementen nebeneinander,
es könnten natürlich mehr oder weniger sein, denn sie verlaufen inline.

<h1>4 Elemente zentrieren:</h1>
<div class="aussenrum">
   <div class="das-Element">Inhalt</div>
   <div class="das-Element">Inhalt</div>
   <div class="das-Element">Inhalt</div>
   <div class="das-Element">Inhalt</div>
</div>


CSS Code:
Setze eigene Werte bei Höhe, Breite, margin und padding ein um es auf dein Website abzustimen.
inline-styling sollte man vermeiden, dazu gibt es ein CSS-stylesheet.

<style>
.das-Element {
    display: inline-block;
    height: 100px;
    width: 200px;
    margin: 6px;
    padding: 6px;
    background: #2efef7;
    text-align: left; /* OPTIONAL, um Text wieder von links zu richten */
}
.aussenrum {
    text-align: center;
    margin: 6px;
    padding: 0;
    background: #fea756;
}
</style>



Ähnliches Thema: Button Styling mit CSS-3 ohne jegliches Bildmaterial dafür einzusetzen.

Webhosting kostenlos testen, Hompage online

Hilfe für Ihre Webseite

Technische Hilfe

Wir bieten Hilfe für HTML, CSS,PHP usw.
Die Unterstützung verläuft über Fernhilfe. Zusammen bearbeiten wir Ihr Anliegen in einer verständlichen Weise.  Mehr lesen »

Webseite selber optimierung

Wer über Suchmaschinen vermittelte Besucher haben will, sollte sich mit Suchmaschinen-Optimierung befassen. Wir erklären wie Sie so einiges selbst meistern können.  Mehr lesen »

Joomla Support, Joomla Hilfe

Seit 2008 spezialisieren wir uns auf Joomla. Dieser Support verläuft über Fernhilfe. Wir gehen genau auf Ihre Anfrage ein, liefern Schritt für Schritt Erklärung  Mehr lesen »

Weitere Artikel für den Internetauftritt »