• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

DIV układ strony

0 głosów
78 wizyt
pytanie zadane 7 grudnia 2018 w HTML i CSS przez Leszekkk Nowicjusz (150 p.)

Witam mam dwa bloki <div> obok siebie. Lewy <div> zawiera nagłówek natomiast prawy zdjęcie. Problem polega na wyrównaniu nagłówka z lewego bloku tak aby znajdował się na środku w pionie do obrazka z prawego <div>.

	<header>
	<div class="d0" >
		<div class="d1" >
			<h1>Test</h1>
		</div>

		<div class="d2">
			<figure>
				<img src="logo.jpeg">
			</figure>
		</div>
		<div style="clear: both;">
		</div>
	</div>
	</header>
body
{
	margin: 0;
	background-color: #262626;
	color: #efefef;
}

.d0
{
	max-height: 200px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.d1
{
	display: inline-block;
}

.d2
{
	display: inline-block;
}

.d2 img
{
	height:150px;
	width: 150px;
}

 

1 odpowiedź

+3 głosów
odpowiedź 7 grudnia 2018 przez Ярек Эс Bywalec (2,340 p.)
wybrane 7 grudnia 2018 przez Leszekkk
 
Najlepsza
Dodaj do d2 vertical-align: middle.

Podobne pytania

0 głosów
2 odpowiedzi 80 wizyt
pytanie zadane 21 kwietnia 2017 w HTML i CSS przez dominik36 Początkujący (480 p.)
0 głosów
1 odpowiedź 63 wizyt
pytanie zadane 29 stycznia w HTML i CSS przez Eryk.D Nowicjusz (140 p.)
0 głosów
1 odpowiedź 82 wizyt
pytanie zadane 14 maja 2018 w HTML i CSS przez riku17 Nowicjusz (160 p.)
Porady nie od parady
Forum posiada swój własny chat IRC, dzięki któremu będziesz mógł po prostu pogadać z innymi Pasjonatami lub zapytać o jakiś problem. Podstrona z chatem znajduje się w menu pod ikoną człowieka w dymku.IRC

61,385 zapytań

107,325 odpowiedzi

223,536 komentarzy

33,147 pasjonatów

Przeglądających: 121
Pasjonatów: 8 Gości: 113

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...