Created
July 18, 2013 22:07
-
-
Save bellerus/6033556 to your computer and use it in GitHub Desktop.
Floats
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* Floats */ | |
body { | |
font-family: helvetica; | |
} | |
.boxy { | |
border: 2px double black; | |
margin: 0 0 10px 0; | |
padding: 10px; | |
} | |
body > nav li { | |
border-right: 1px solid black; | |
display: inline-block; | |
padding: 0 10px | |
} | |
body > nav li:last-child { | |
border-right: none; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<header class="boxy">header</header> | |
<nav class="boxy"> | |
<ul> | |
<li>about us</li> | |
<li>products</li> | |
<li>contact us</li> | |
</ul> | |
</nav> | |
<main class="boxy clearfix"> | |
<h1>Working at Pros</h1> | |
<!-- | |
<ul class="pictures"> | |
<li>employee pic</li> | |
<li>employee pic</li> | |
<li>employee pic</li> | |
<li>employee pic</li> | |
<li>employee pic</li> | |
<li>employee pic</li> | |
<li>employee pic</li> | |
<li>employee pic</li> | |
<li>employee pic</li> | |
<li>employee pic</li> | |
<li>employee pic</li> | |
<li>employee pic</li> | |
<li>employee pic</li> | |
<li>employee pic</li> | |
<li>employee pic</li> | |
</ul> | |
--> | |
<img src="https://secure.gravatar.com/avatar/56857e175f2d5a2440d656b5ca208846?s=100" alt="" class="avatar" width="100"> | |
<p>PROS culture and the truly extraordinary people who work here are at the very core of our success. We have a passion for what we do, and we won’t stop until we’ve delivered on our promises. We’re committed to the success of our customers. That’s why we think harder and dream bigger — so our customers can go even further than they ever imagined possible.</p> | |
<p>Our people make PROS stand out from the rest. If you want to be a part of something truly extraordinary, come help us shape the future of how companies compete and win in their markets.</p> | |
</main> | |
<footer class="boxy">footer</footer> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// alert('Hello world!'); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{"view":"split-vertical","fontsize":"110","seethrough":"","prefixfree":"1","page":"all"} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment