Paragraph-Element zwingt Text, in die nächste Zeile zu springen, wenn ich das Browserfenster verkleinere?

Question

Ich habe ein normales Absatzelement innerhalb des body -Elements, das mehrere Textzeilen enthält, die, wenn das Browserfenster geschrumpft ist, den Text zum Sprung in die nächste Zeile zwingt.

Ich möchte nicht, dass dies passiert, aber dafür eine definierte und konstante Struktur, wie viele Zeilen der Text aufnimmt.

Und wenn ich das Browserfenster verkleinere, möchte ich, dass es so an der gleichen Stelle bleibt, so dass es nur etwas vom Bildschirm abschneidet, anstatt dass es sich mit dem Rand des Browsers bewegt.

Vielen Dank.

hier ist mein Code:

p { 
    color: white; 
    font-size: 0.9em; 
    font-weight: bold; 
    position: absolute; 
    top: 200px; 
    left: 200px; 
    text-align: center; 
} 

Mein HTML atm ist buchstäblich ein Körperelement und ein Absatzelement atm mit Text in seinem Inneren.

Answer 1

Sie möchten das Element geben.

p { 
    min-width: 200px; 
} 

Answer 2

Wenn Sie den Absatz nimmt die gleiche Menge an horizontalem Raum unabhängig von der Größe des Fensters haben mögen, sind Sie wahrscheinlich für die width Eigenschaft suchen:

p { 
    width: 500px; 
}