Skip to content

Instantly share code, notes, and snippets.

@Yeswanth-JG
Created January 4, 2014 08:42
Show Gist options
  • Save Yeswanth-JG/8253179 to your computer and use it in GitHub Desktop.
Save Yeswanth-JG/8253179 to your computer and use it in GitHub Desktop.
Untitled
* {
margin:0;
padding:0;
border:none;
}
body {
background-color:#bbb;
}
div {
position:relative;
border-bottom:1px solid #ccc;
position:relative;
width:100%;
z-index:1;
display:block;
}
img {
display:inline;
width:128px;
}
#first {
position:absolute;
}
#second {
margin-left:130px;
}
<!-- content to be placed inside <body>…</body> -->
<div>
<img src="http://www.digitaltrends.com/wp-content/uploads/2013/03/google-reader-logo.png" id="first">
<img src="http://www.pocketables.com/images/2013/03/Google-Reader-logo.png" id="second">
<img id="third" src="data:image/jpeg;base64,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">
<img id="fourth" src="http://cache.clickonf5.org/wp-content/uploads/2008/11/google_chrome.png">
</div>
// alert('Hello world!');
{"view":"split-vertical","fontsize":"70","seethrough":"","prefixfree":"1","page":"html"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment