Bild fest an einer Stelle

Tag,

wie mach ich es das mein Bild fest oben Links ist?

[Blockierte Grafik: http://i.epvpimg.com/uEaMaab.png]

Hier seht ihr das dass Bild einen linken Abstand hat und oben genau so, obwohl margin & padding auf 0 ist & text-align:left.

HTML:

<section class="box">

            <section class="left-box">
                <p><img src="img/no.png"></p>
            </section>
            
            <section class="right-box">
                <h1>dzhasuzdas</h1>
            </section>
</section>

CSS:

main .box {
    display:block;
    max-width:80%;
    margin:0 auto;
    padding:0;
    text-align:center;
    border:1px solid #e5e5e5;
}

main .box .left-box {
    display:inline-block;
    width:50%;
    margin:0 auto;
    text-align:left;
}

main .box .left-box img {
    margin:0 auto;
    text-align:left;
}

main .box .right-box {
    display:inline-block;
    width:50%;
    margin:0;
    padding:0;
    margin-left:-4px;
}

Zitat von basti1012

ganz verstehen tue ich das auch nicht warum danoch ein kleiner abstand bleibt.Das p element kannst du auch noch auf null setzten und deine margins auto müssen auch noch weg und auf null.

wenn das nicht klappt dann mach.

Code

*{
  margin:0;
  padding:0;
}

das dazu.

Wenn das auch nicht geht dann must du minus werte nehmen.Dann weiß ich auch nicht weiter.

Oder gib mal deinen ganzen Code vieleicht ist da noch irgendwas was das aus macht

Alles anzeigen

Das mit:

* { margin: 0; padding:0; }

hat geklappt. Danke dir!