Untitled

<!DOCTYPE html>
<html>
<head>
    <title>Elementos Flutuantes</title>
    <meta charset="utf-8">
    <style type="text/css">

    body{
        background-color: #007fc7;
    }

    .container{
    background: #fff;
    width: 800px;
    margin: 10px auto;
    padding: 10px;
    }

    .textcenter{
        text-align: center;
    }

    h1{

    }

    p{
    width: 300px;

    }

    .relative{
    border: 1px solid red;
    position: relative;
    top: 80px;
    left: 290px;
    /*Posicionamos o texto 80 do topo em relação a sua posição original e 290px a esquerda em relação a sua
    posição inicia */
    }

    </style>

</head>
<body>


<div class="container">
    <h1>Posicionamentos</h1>

    <p>P1 Lorem Ipsum é simplesmente uma simulação de texto da indústria tipográfica e de impressos, e vem sendo utilizado desde o século XVI, quando um impressor desconhecido pegou uma bandeja de tipos e os embaralhou para fazer um livro de modelos de tipos. Lorem Ipsum s</p>

    <p class="relative">P2 Lorem Ipsum é simplesmente uma simulação de texto da indústria tipográfica e de impressos, e vem sendo utilizado desde o século XVI, quando um impressor desconhecido pegou uma bandeja de tipos e os embaralhou para fazer um livro de modelos de tipos. Lorem Ipsum s</p>

    <p>P3 Lorem Ipsum é simplesmente uma simulação de texto da indústria tipográfica e de impressos, e vem sendo utilizado desde o século XVI, quando um impressor desconhecido pegou uma bandeja de tipos e os embaralhou para fazer um livro de modelos de tipos. Lorem Ipsum s</p>


</div>

</body>
</html>