Auf einigen Seiten wie zum Beispiel hier:
https://www.fahrrad-workshop-sprockhoevel.de/aussenzuege.htm
wir der Text nach der H1 Überschrift in "p.intro" zu lang dargestellt.
Laut CSS-Datei responsive-inhalt.css sollte der Text nur "p.intro{margin:0 auto 10px;width:700px}" 700 Pixel lang sein. Es sind aber fast 800 Pixel. Was könnten die Ursachen sein?
Unter welchem Browser denn? Der Inspektor von Firefox 55 zeigt mir im Reiter "Berechnet" für p.intro eine Größe von 700px mal 68px an, die Entwickler-Tools von Chromium 60 unter "Computed" eine Größe von 700px mal 64px.
Wenn ich auf dem PC eine BOX erstelle in der Breite mit 700 Pixel wird der Text wie folgt dargestellt:
"Das Beispiel zeigt die Wartung und Montage von Außenhüllen und Innenzüge am MTB."
Unter Firefox 55 erscheint noch in der ersten Zeile:
Beim Trekkingrad,
Über die Anzahl von Buchstaben, die in eine Zeile passen, lassen sich nur sehr bedingt Rückschlüsse ziehen auf die Breite der sie umgebenden Box. Da spielt die Auswahl des Fonts eine Rolle, die je nach Vorhandensein auf dem betreffenden System auch noch unterschiedlich ausfallen kann, die Angaben für font-size, letter-spacing und word-spacing, die Default-Werte des jeweiligen Browsers und ggf. noch Browser- oder System-Einstellungen des Users.
Der Firefox-Inspektor gibt dagegen im Reiter "Berechnet" exakt wieder, wie breit die Box konkret angezeigt wird.
In meinem Firefox erscheinen die Wörter "Beim Trekkingrad" übrigens in der zweiten Zeile.