Roman456
/
js02_Romanenko


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./style.css">
</head >
<body>

    <!-- <div class="holder">
        Без позиционирования ("position: static").
    
        <h2>Заголовок</h2>
    
        <div>А тут - всякий разный текст... <br/>
             ... В две строки!</div>
    </div> -->
    <!-- <div class="holder">
        Заголовок сдвинут на 10px вниз.

        <h2>Заголовок</h2>

        <div>А тут - всякий разный текст... <br/>
         ... В две строки!</div>
    </div> -->
    <!-- <div class="holder">
        Заголовок в правом-верхнем углу документа.
        
        <h2>Заголовок</h2>

        <div>А тут - всякий разный текст... <br/>
         ... В две строки!</div>
    </div> -->
    <!-- <div class="parent">
        Заголовок в правом-верхнем углу DIV'а.
        <h2 style="">Заголовок</h2>
        <div>А тут - всякий разный текст... <br/>
             ... В две строки!</div>
    </div> -->

    <!-- <div style="background:#aef;text-align:center">10px от границ</div> -->

    <!-- <div class="holder">
        <a href="#" id="top">Наверх (остаётся при прокрутке)</a>
        
        Фиксированное позиционирование.
        
        <p>Текст страницы.. Прокрути меня...</p>
        <p>Много строк..</p><p>Много строк..</p>
        <p>Много строк..</p><p>Много строк..</p>
        <p>Много строк..</p><p>Много строк..</p>
        <p>Много строк..</p><p>Много строк..</p>
        <p>Много строк..</p><p>Много строк..</p>
        <p>Много строк..</p><p>Много строк..</p>
        <p>Много строк..</p><p>Много строк..</p>
        <p>Много строк..</p><p>Много строк..</p>
        <p>Много строк..</p><p>Много строк..</p>
        <p>Много строк..</p><p>Много строк..</p>
        <p>Много строк..</p><p>Много строк..</p>
        <p>Много строк..</p><p>Много строк..</p>
       </div> -->

       <div style="background: #fee; width: 500px">
        <h2 style="background: #aef; margin: 0;">Заголовок сдвинут на 10% влево.</h2>
    </div>

</body>
</html>