• 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
73 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ź 76 wizyt
pytanie zadane 14 maja 2018 w HTML i CSS przez riku17 Nowicjusz (160 p.)
Porady nie od parady
Możesz ukryć, zamknąć lub zmodyfikować swoje pytanie, za pomocą przycisków znajdujących się pod nim. Nie krępuj się poprawić pochopnie opublikowanego pytania czy zamknąć go po uzyskaniu satysfakcjonującej odpowiedzi. Umożliwi to zachowanie porządku na forum.Przyciski pytania

59,248 zapytań

104,670 odpowiedzi

216,616 komentarzy

31,668 pasjonatów

Przeglądających: 252
Pasjonatów: 19 Gości: 233

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.

...