Skip to content

Instantly share code, notes, and snippets.

@gcyrillus
Forked from anonymous/dabblet.css
Created June 17, 2012 18:59
Show Gist options
  • Select an option

  • Save gcyrillus/2945456 to your computer and use it in GitHub Desktop.

Select an option

Save gcyrillus/2945456 to your computer and use it in GitHub Desktop.
Untitled
body {
background-color: #383532;
}
.my-content {
position: relative;
width: 600px;
height:420px;
overflow: hidden;
margin: 2em auto;
white-space:nowrap;
}
.my-content > img {
vertical-align:top;
}
.my-content .description {
display:inline-block;
vertical-align:bottom;
width: 230px;
max-height:360px;
padding: 15px;
background-color: #FABC72;
border:#383532 solid;;
border-width:0 10px 15px ;
white-space:normal;
overflow:auto;
}
.my-content {
background: url('http://kusto.ch/img/bg.png') repeat-y -30px ;
}
<div class="my-content">
<img src="http://baconmockup.com/bm-home-280.jpg" width="300" alt="bacon" />
<div class="description">
<p> Bacon ipsum dolor sit amet ribeye meatball andouille sirloin drumstick
tri-tip. Meatloaf beef ground round, capicola tri-tip fatback swine
frankfurter. Meatball pork beef ribeye tongue, salami pork loin flank.
Beef pastrami tri-tip.</p>
</div>
</div>
<div class="my-content">
<img src="http://baconmockup.com/bm-home-280.jpg" width="300" alt="bacon" />
<div class="description">
<p> Bacon ipsum dolor sit amet ribeye meatball andouille sirloin drumstick
tri-tip. Meatloaf beef ground round, capicola tri-tip fatback swine
frankfurter. Meatball pork beef ribeye tongue, salami pork loin flank.
Beef pastrami tri-tip.</p>
<p> Bacon ipsum dolor sit amet ribeye meatball andouille sirloin drumstick
tri-tip. Meatloaf beef ground round, capicola tri-tip fatback swine
frankfurter. Meatball pork beef ribeye tongue, salami pork loin flank.
Beef pastrami tri-tip.</p>
<p> Bacon ipsum dolor sit amet ribeye meatball andouille sirloin drumstick
tri-tip. Meatloaf beef ground round, capicola tri-tip fatback swine
frankfurter. Meatball pork beef ribeye tongue, salami pork loin flank.
Beef pastrami tri-tip.</p>
</div>
</div>
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment