Hilfe mit CSS

Ich versuche, Text an der linken Seite des braunen Felds anzuhängen. Ich kann nicht. Ich weiß nicht, was mit dem Code nicht stimmt. Helfen Sie mir bitte.

CSS

.hero {
    position: relative;
    bottom: 80px;
    display: flex;
    justify-content: left;
    align-items: start;
    color: rgb(255, 255, 255);
    background-color: rgb(80, 40, 40);
    width: 1600px;
    height: 1955px;
    margin: auto;
    border-radius: 60px;
}

.firstHeroLeft-column {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    align-items: start;
    margin-top: 180px;
    margin-left: 40px;
    justify-content: left;
}

.middleHeroLeft-column {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    align-items: start;
    margin-top: 580px;
    margin-left: 40px;
    justify-content: left;
}

.bottleImg {
    width: 80%;
    float: right;
}

.europeImg {
    width: 80%;
}

.trademarkImg {
    width: 80%;
}

HTML

<Abschnitt>




          

            
        

Das obige ist der detaillierte Inhalt vonHilfe mit CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!