Zeilenumbruch verhindern

    hallo,

    ich habe wieder ein kleines Problem,

    Code
    <p id="text_12">Warum ich Fotografiere</p>  <p id="text_10">April 2020</p>

    diese Zeile soll einfach nur nebeneinander stehen, nur "text_10" ist eben etwas kleiner und eine andere Farbe.

    Sobald ich aber diese zweite ccs vor April 2020 schreibe, steht April 2020 plötzlich darunter, also wie mit einem <br>, warum dass?


    das css ist einfach nur:

    Code
    #text_12 { 
    font-family: Verdana;
    font-size: 12pt;
    color: #ff6633;
  }
#text_10 { 
    font-family: Verdana;
    font-size: 10pt;
    color: #ce9800;
  }

    wo kommt der Zeilenumbruch her?

    danke euch schon wieder

    Tino

    Das p-Element ist ein (zumindest früher so genanntes) Blockelement. Blockelemente stehen von Haus aus immer untereinander.


    Wenn bei dir zwei Blockelemente nebeneinander stehen geschieht dies durch CSS-Angaben. Das können in deinem Fall nur solche sein, die du uns vorenthältst.


    Eventuell hat auch dein Browser ein Problem, das ist aber eher unwahrscheinlich.


    Wenn du innerhalb eines Absatzes (= p-Element) Wörter / Sätze anders formatieren willst ist dafür das span-Element gedacht.


    Also zu dem HTML


    Code
    <p id="text_12">Warum ich Fotografiere <span>April 2020</span></p>


    folgendes CSS


    Code
    #text_12 { 
   color: #ff6633;
   font-family: Verdana;
   font-size: 12pt;
}
#text_12 span { 
   color: #ce9800;
   font-family: Verdana;
   font-size: 10pt;
}


    Wobei für das span-Element die family-Angabe auch entfallen kann, also


    Code
    #text_12 { 
   color: #ff6633;
   font-family: Verdana;
   font-size: 12pt;
}
#text_12 span { 
   color: #ce9800;
   font-size: 10pt;
}

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden