Skip to content

Instantly share code, notes, and snippets.

@mishterk mishterk/dabblet.css
Last active Aug 29, 2015

Embed
What would you like to do?
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
<!-- Two columns, side by side. Place this html inside your WordPress text/code window -->
<div style="width:70%;float:left;padding-right:20px;border-right:solid 1px #000000;box-sizing:border-box;">
Left column content can go here. Left column content can go here. Left column content can go here. Left column content can go here. Left column content can go here. Left column content can go here. Left column content can go here. Left column content can go here. Left column content can go here. Left column content can go here. Left column content can go here. Left column content can go here. Left column content can go here. Left column content can go here. Left column content can go here. Left column content can go here. Left column content can go here. Left column content can go here. Left column content can go here. Left column content can go here. Left column content can go here. Left column content can go here. Left column content can go here.
</div>
<div style="width:30%;float:right;padding-left:20px;box-sizing:border-box;">
Right column content can go here. Right column content can go here. Right column content can go here. Right column content can go here. Right column content can go here. Right column content can go here. Right column content can go here. Right column content can go here. Right column content can go here. Right column content can go here. Right column content can go here. Right column content can go here. Right column content can go here. Right column content can go here. Right column content can go here. Right column content can go here. Right column content can go here. Right column content can go here.
</div>
<div style="height:0;clear:both;"></div><!-- This prevents subsequent content from encroaching in the columns territory. Remove it to see what I mean. -->
Lorem ipsum dolor sit amet, mel iriure prompta et, error errem menandri ex nec. Ex saperet perfecto dissentiunt sit, natum intellegat nam ex, sed saepe singulis erroribus ut. At altera aliquam his. Vim repudiare philosophia ei, vis no cibo nonumy. Vix te dicat nulla intellegat, justo euismod ad has, id hinc aliquid has. Choro oblique vituperata est ex, ea est natum latine vivendo. Est ex iudico meliore appetere.
// alert('Hello world!');
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.