Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Пример 8</title>
        <link rel="stylesheet" href="css/lesson8.css">
    </head>
        <body>
            <div class="container1">
                <div></div>
                <p>Одна или несколько строк текста размером 14px</p>
                 </div>
            <div class="container2">
                <div></div> 
                <p>Одна или нескольно строк текста, причем блок текста может
                    быть больше, чем блок слева, а может быть и меньше, как получится, хоть так, хоть так.</p>      
              <blockquote> Цитата </blockquote>
              <blockquote> Цитата</blockquote>
              <blockquote> Цитата</blockquote>
              <blockquote> Цитата</blockquote>
            </div>      
    </body>
</html>
 
html{
    font-size: 14px;
    line-height: 1.5;
}
div{
    border: 1px solid #333; 
    margin: 10px;
}
body div{
    background: #efefef;
}
div div{
    background: #fafb9d;
    width: 150px; height: 150px;
}
p{
    margin: 0px;
    padding: 10px;
    margin-left: 160px;
}
.container1{
    min-height: 170px;
}
.container1 div {
    float: left;
}
.container2{
}
.container2 div{
    margin-bottom: -162px;
}
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers