Skocz do zawartości

Novante

Rejestracja: 19 lip 2014
Poza forum Ostatnio: Informacja prywatna
-----

Moje tematy

Wyśrodkowanie tekstu w pionie wewnątrz diva o szerokości wyrażonej w wartościach procen...

20 września 2014 - 07:51

Witam. Podczas rozpoczynania pracy nad szablonem typu One Page, napotkałem problem dotyczący wyśrodkowania tekstu wewnątrz diva, który nie posiada wysokości ustalonej w pikselach lecz w procentach, próbowałem szukać informacji w Google lecz i tam nic nie znalazłem. Znalazłby się ktoś kto by był w stanie mi pomóc?
Plik index.html: 
 <!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>OnePage Theme</title>
  <link rel="stylesheet" href="layout/stylesheets/style.css">
 </head>
 <body>
  <div id="wrapper">
   <section>
    <span>Lorem ipsum 1</span>
   </section>
   <section>
    <span>Lorem ipsum 2</span>
   </section> 
  </div>
 </body>
</html>
Plik style.css 
 * {
	margin: 0;
	padding: 0;
	-moz-box-sizing: border-box;
 	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
html, body {
	background: rgb(20,20,20);
	height: 100%;
}
#wrapper {
	height: 100%;
}
#wrapper section {
	width: 100%;
	min-height: 100%;
	background-color: rgb(255,99,99);
	position: relative;
	overflow: hidden;
	margin-bottom: 2px;
}