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

Wyrównanie tekstu w pionie

VPS Starter Arubacloud
0 głosów
1,151 wizyt
pytanie zadane 3 sierpnia 2016 w HTML i CSS przez alus152 Bywalec (2,690 p.)

Witam, robię sobie pewne portfolio i już na samym początku mam problem - nie mogę wyrównać tekstu w pionie. Jakieś pomysły jak to wyrównać? probowałem przez line-height ale nie zbyt to mi wychodzi.

<!DOCTYPE html>
<html lang="pl">
<head>
	<meta name="keywords" content="Portfolio">
	<meta name="author" content="Jan Kowalski">
	<meta http-equiv="refresh" content="30">
	<meta name="description" content="My portfolio">
	<meta charset="UTF-8">
	<link rel="stylesheet" type="text/css" href="css/style.css"/>
	<link href='https://fonts.googleapis.com/css?family=Raleway:300,200,400&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
	<title>Jan Kowalski | Portfolio</title>
</head>


<body>

	<div id="container">
		<div id="content">
			<h1>My name is Jan Kowalski </br> I like volleyball &amp; swimming  <h1>
		</div>


	</div>

</body>

</html>
body {
	background-color: #303030;
	margin:0;
	padding:0;
}
#container{
	width:100% !important;
}
h1 {
	color: white;
	font-family: 'Raleway', sans-serif;
	font-weight: 200;
	font-size:40px;
	line-height: 300px;
}


#content {
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}

 

2 odpowiedzi

+2 głosów
odpowiedź 3 sierpnia 2016 przez Eimens Maniak (69,240 p.)
wybrane 3 sierpnia 2016 przez alus152
 
Najlepsza

height: 100%; To ci nie zadziała zamień % na vh

Jak wyrównać text do #content dodaj display: flex; justify-content: center; a dla znacznika h1 daj margin auto ;p 

komentarz 3 sierpnia 2016 przez alus152 Bywalec (2,690 p.)
Dzięki wielkie już jest ok! pozdrawiam :)
0 głosów
odpowiedź 3 sierpnia 2016 przez ormu16 Gaduła (4,980 p.)

Na początek trzeba zamknąć h1. Poza tym to tekst jest wyrównany. Jedna linia ma 300 pikseli wysokości, a w h1 znajdują się dwie linie tekstu. Chodzi co o to aby te linie były bliżej siebie? 

Podobne pytania

0 głosów
4 odpowiedzi 12,044 wizyt
pytanie zadane 8 października 2016 w HTML i CSS przez redstar1 Bywalec (2,200 p.)
+2 głosów
2 odpowiedzi 1,824 wizyt
pytanie zadane 23 stycznia 2017 w HTML i CSS przez Patryk Sadkowski Nowicjusz (220 p.)
0 głosów
2 odpowiedzi 1,660 wizyt

92,455 zapytań

141,263 odpowiedzi

319,099 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

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

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...