Skip to content

Instantly share code, notes, and snippets.

@casture
Created March 14, 2013 02:32
Show Gist options
  • Save casture/5158348 to your computer and use it in GitHub Desktop.
Save casture/5158348 to your computer and use it in GitHub Desktop.
My Test Page
/**
* My Test Page
*/
#imageSelection
{
border: 1px solid black;
height: 200px;
width: 500px;
float:left;
padding: 10px;
position: relative;
}
#pic
{
background-color: yellow;
height: 100%;
width: 50%;
float: left;
}
#info
{
background-color: red;
height: 100%;
width: 50%;
float: left;
//padding: 2px;
}
#info span{
position: absolute;
bottom: 75px;
right: 75px;
}
<div id="main">
<div id="imageSelection">
<div id="pic">
PICTURE
</div>
<div id="info">
Hello World
<br />
<br />
What is your name?
<span>Why are you?</span>
</div>
</div>
<div id="imageSelection">
<div id="pic">
PICTURE
</div>
<div id="pic">
Hello World
</div>
</div>
<div id="imageSelection">
<div id="pic">
PICTURE
</div>
<div id="pic">
Hello World
</div>
</div>
</div>
// alert('Hello world!');
{"view":"split","fontsize":"80","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment