Logowanie

Wyrównanie tekstu w pionie

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

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 :)

odpowiedź 3 sierpnia 2016 przez ormu16 Gaduła (4,980 p.)

Podobne pytania

0 głosów

4 odpowiedzi 12,092 wizyt

wyśrodkowanie tekstu w pionie

pytanie zadane 8 października 2016 w HTML i CSS przez redstar1 Bywalec (2,200 p.)

+2 głosów

2 odpowiedzi 1,834 wizyt

Wyrównanie tekstu w formularzu

pytanie zadane 23 stycznia 2017 w HTML i CSS przez Patryk Sadkowski Nowicjusz (220 p.)

0 głosów

2 odpowiedzi 1,665 wizyt

Bootstrap wyśrodkowanie w pionie elementów w tabeli

pytanie zadane 26 marca 2017 w HTML i CSS przez niezalogowany

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy 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!

...