Skip to content

Instantly share code, notes, and snippets.

@exarcheia-web
Created January 18, 2014 12:33
Show Gist options
  • Save exarcheia-web/8489803 to your computer and use it in GitHub Desktop.
Save exarcheia-web/8489803 to your computer and use it in GitHub Desktop.
Media block *
/** Media block **/
figure img {
vertical-align: middle;
}
.media {
background: #ededed;
width: 630px;
margin: 20px auto;
overflow: hidden;
padding: 15px;
}
.media__img {
float: left;
padding: 0 15px 15px 0;
margin: 0;
}
.media__content {
overflow: hidden;
padding: 0 15px 15px 0;
}
.media__content p {
font-size:
}
.module-title {
margin: 0 0 10px;
}
<div class="media">
<figure class="media__img">
<img src="http://placekitten.com/200/150">
</figure>
<div class="media__content">
<h3 class="module-title">Lorem ipsum</h3>
<p>Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum </p>
<p>Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum </p>
<p>Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum </p>
<p>Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum </p>
</div>
</div>
// alert('Hello world!');
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment