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

Wyrównanie tekstu w pionie

0 głosów
68 wizyt
pytanie zadane 3 sierpnia 2016 w HTML i CSS przez alus152 Bywalec (2,610 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

+1 głos
odpowiedź 3 sierpnia 2016 przez PATYL Maniak (64,110 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,610 p.)
Dzięki wielkie już jest ok! pozdrawiam :)
0 głosów
odpowiedź 3 sierpnia 2016 przez ormu16 Mądrala (5,140 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

+2 głosów
2 odpowiedzi 67 wizyt
pytanie zadane 23 stycznia w HTML i CSS przez Patryk Sadkowski Nowicjusz (200 p.)
0 głosów
4 odpowiedzi 226 wizyt
pytanie zadane 8 października 2016 w HTML i CSS przez redstar1 Bywalec (2,110 p.)
0 głosów
2 odpowiedzi 70 wizyt
...