Skip to content

Instantly share code, notes, and snippets.

@auchenberg
Created March 9, 2012 09:10
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save auchenberg/2005779 to your computer and use it in GitHub Desktop.
Save auchenberg/2005779 to your computer and use it in GitHub Desktop.
Untitled
html {
}
.image-block {
vertical-align: top;
margin: 0px;
word-break: break-all;
word-break: break-word;
}
.image-block .bd {
display:table-cell;
vertical-align: top;
zoom:1;
> :first-child{ margin-top:0; }
> :last-child{ margin-bottom:0; }
}
.image-block .img {
float: left;
vertical-align: top;
}
<div class="image-block" style="background: blue">
<div class="img" style="background: red">
Iconhere
</div>
<div class="bd" style="background: green">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam non sapien at lorem euismod mollis quis ac enim. Vestibulum non dolor augue, in molestie risus. Proin elit nibh, dapibus ut pulvinar pretium, iaculis sed purus. Curabitur pellentesque pulvinar erat non porttitor. Etiam gravida, ligula id tincidunt interdum, tortor enim auctor orci, eget iaculis nisl nibh a dolor. Nullam purus purus, viverra in adipiscing sed, tincidunt eget ipsum. Nulla facilisi. Morbi ut justo arcu, venenatis venenatis est. Cras eget augue a leo interdum porttitor. Phasellus quis sapien in urna vehicula gravida. In id magna quis dolor volutpat tincidunt sit amet eu lacus. Nulla neque tellus, porttitor at vehicula nec, pulvinar non eros.Donec vel mattis nisl. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed a urna non nunc egestas dapibus. Aliquam nec aliquet lacus. Duis vulputate, neque in venenatis vehicula, tortor libero laoreet massa, non dictum lacus turpis sit amet elit. In vel nulla elit. Phasellus quis urna tempor elit tristique bibendum non a augue.Nam pulvinar aliquet libero, ac dapibus odio dapibus sit amet. Proin id orci dui. Donec sit amet ligula eget quam egestas viverra vitae vel lectus. Sed consequat cursus felis, sed condimentum metus pharetra ut. Donec hendrerit ligula sed sapien vestibulum ac gravida dui facilisis. Morbi vestibulum posuere nisl, at dapibus sem dapibus id. Cras sit amet erat id metus facilisis vehicula. Nullam erat felis, euismod sit amet iaculis nec, placerat sed urna. Donec id quam lectus.Nunc et leo nulla, vitae rhoncus lorem. In vitae orci tellus, in scelerisque metus. Curabitur pretium porttitor feugiat. Integer quis lacus odio. Aenean mollis dignissim velit. In sagittis aliquet ullamcorper. Proin viverra iaculis velit, eget vestibulum nulla laoreet ut. Nam sit amet nibh tellus. Praesent ac tellus eu velit congue ornare quis at est. Aliquam quis velit id erat viverra cursus nec ut lorem. Nulla neque purus, condimentum ut ornare et, mattis vitae sapien.
</div>
</div>
{"view":"split-vertical","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment