2 колонки

by Vladislav Altyncev

HTML

<div class="col1">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus dolorum exercitationem qui. Natus omnis fuga velit facilis repellendus perspiciatis ullam nobis laboriosam officiis ipsum rerum similique consequatur consequuntur cum deserunt.
</div>

<div class="col3">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur nobis corrupti quod asperiores recusandae quis dicta repudiandae iusto eum architecto soluta maxime modi ex. Veniam minima iusto aperiam numquam quaerat!
</div>

CSS

div {
    padding: 2%
}

.col1,
.col2 {
    margin: 0 2%;    
}

.col1 {
    float: left;
    background: orange;
    width: 200px;
}

.col3 {
    background: silver;
    overflow: hidden;
}