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="container cf">
                <div class="avatar"></div>
                <p>Одна или несколько строк текста размером 14px</p>
            </div>
            <div class="container cf">
                <div class="avatar"></div>
                <p>Одна или нескольно строк текста, причем блок текста может быть больше, чем блок слева, а может быть и меньше, как получится, хоть так, хоть так.</p> 
            </div>      
    </body>
</html>
 
html{
    font-size: 14px;
    line-height: 1.5;
}
        /* Start of "Micro clearfix" */
    
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}
        /* End of "Micro clearfix" */
.container{
    border: 1px solid #333; 
    margin: 10px; padding-left: 170px;
    background: #efefef;
}
.avatar{
    float: left;
    border: 1px solid #333; 
    background: #fafb9d;
    width: 150px; height: 150px;
    margin: 10px -170px 10px -160px;
}
Output

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

Dismiss x
public
Bin info
anonymouspro
0viewers