Layer mit ICON Position - Text in der Box..

Mr.Quick

Hallo..

Frage an die CSS Experten und Expertinnen.

Ich hab jetzt eine Box erstellt wo ein Icon oben Links positioniert ist.

https://twentyfifteen.4lima.de/icon-test-css

Leider bekomme ich den Text in der Box nicht weiter nach oben.

Wo liegt der Fehler.

Ändere ich "padding" wandert das Icon mit.

Danke voraus.

Code

/*LAYER INFO*/
.inforeise {background-color: #f7f7f7 ;padding:25px 15px;border-radius:10px;}


.infoicon:before{
    position:relative;
    content:'\f455';
    color:#df393b;
    display:block;
    -webkit-font-smoothing:antialiased;
    font:normal 48px/1 Genericons;
    top: -35px;
    left:-30px;
}

Alles anzeigen

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

mensmaximus

Code

.inforeise {
    position: relative;
    padding-top: 25px;
}
.infoicon::before {
    position: absolute;
    content: '\f455';
    color: #df393b;
    -webkit-font-smoothing: antialiased;
    font: normal 48px/1 Genericons;
    top: -20px;
    left: -20px;
}

Alles anzeigen

Dann die Position und das Padding nach Deinem Gusto anpassen.

Mr.Quick

Vielen Dank für die Hilfe.
Jetzt habe ich auch wieder mehr verstanden. Also das beide Elemente postioniert werden müssen. :)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Layer mit ICON Position - Text in der Box..

Jetzt mitmachen!