CSS dopasowywanie tekstu

pytanie zadane 10 marca 2018 w Rozwój zawodowy, nauka, praca przez focused Użytkownik (580 p.)

Jak zrobić, żeby tekst dopasowywał się się do znacznika np. <header> (czerwony kolor)? Nie chce żeby tekst wychodził poza ten znacznik

https://i.imgur.com/0SYNi5U.png

komentarz 10 marca 2018 przez OdsetekGlupoty Pasjonat (15,360 p.)

Abym mógł Ci pomóc, pokaż kod HTML.

komentarz 10 marca 2018 przez focused Użytkownik (580 p.)

header {
    background: red;
    max-height: 15vh;
    width: 100%;
}

komentarz 10 marca 2018 przez OdsetekGlupoty Pasjonat (15,360 p.)

Pisałem, że potrzebny mi kod HTML, a nie CSS.

komentarz 10 marca 2018 przez focused Użytkownik (580 p.)

<body>
    <header>Lorem ipsum...</header>
    <sidebar>&nbsp;</sidebar>
    <main>&nbsp;</main>
    <footer>&nbsp;</footer>
</body>

2 odpowiedzi

odpowiedź 10 marca 2018 przez Chess Szeryf (76,730 p.)
wybrane 10 marca 2018 przez focused

Najlepsza

header{ 
	background:red;
	max-height:15vh;
	width:100%;
	overflow:auto;
}

<body style="background:grey">

<header>Lorem ipsum.........................
.....................................
.............................................
...............................................
.............................................
..........................................
.....................................
........................................
.........................................
..........................................</header>
<sidebar>&nbsp;</sidebar>
<main>&nbsp;</main>
<footer>&nbsp;</footer>

</body>

Jeśli chcesz, aby te tło dopasowało się do tekstu to wyrzuć max-height:15vh;. Zamiast <sidebar></sidebar> możesz użyć, np. section, article, nav, etc.. Na tym etapie, to nie staraj się mieszać za bardzo HTML z XHTML. Poczytaj też o:

https://developer.mozilla.org/en-US/docs/Web/CSS/overflow

https://developer.mozilla.org/en-US/docs/Web/CSS/text-overflow

https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-wrap

https://www.w3.org/TR/css-text-3/

Resztę sobie doszukaj w jakimś porządnym źródle, typu MDN, czy w3.org.