[html][css]automatycznie przenosi sie tek do nastepnej linijki a tego nie chce

Question

mianowice pisze teks i <p>tu ma byc na niebiesko</p><p2>teraz tu na czerwono</p2><p>a tu zonwu na niebisko</p> i oczekuje że cos takiego wyjdzie: tu ma byc na niebiesko teraz tu na czerwono a tu zonwu na niebisko. a wychodzi mi że tam gdzie zmiana koloru tam sie tez przenosi do nastepnej liniji 

w css dałem

header p{

color: blue;

}

header p2{

color: red;

}

Answer 1

<p> jest elementem blokowym, więc domyślnie zajmuje całą horyzontalną przestrzeń w kontenerze, w którym się znajduje, a co za tym idzie elementy blokowe renderują się jeden pod drugim. Jeśli potrzebujesz ułożyć elementy obok siebie, to użyj <span>, albo ustaw tym paragrafom display: inline[-block], albo rodzicowi daj display: flex;

Comments

dzięki za pomoc