Skip to content

Instantly share code, notes, and snippets.

@devdays

devdays/css-blocklevelboxes.html

Last active August 29, 2015 14:15
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 devdays/f470247cbcccb48f1714 to your computer and use it in GitHub Desktop.
Save devdays/f470247cbcccb48f1714 to your computer and use it in GitHub Desktop.
Download ZIP
Block Level Boxes
Raw
css-blocklevelboxes.html
<div style="width: 300px; background-color: azure; border: 1px solid blue">
<div style="padding: 20px; background-color: lightgoldenrodyellow">This box has a padding of 20 pixels. Now is the time for all good men to come to the aid of their country. The quick fox jumped over the road.</div>
<div></div>
<div style="padding: 20px; width: 100%; background-color: lightcoral">This box has a padding of 20 pixels and a width of 100%. Now is the time for all good men to come to the aid of their country. The quick fox jumped over the road.</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment