Skip to content

Instantly share code, notes, and snippets.

@man-oi

man-oi/dabblet.css

Last active Jan 19, 2016
Embed
What would you like to do?
profile image / settings
/**
* profile image / settings
*/
.container {
width: 700px;
height: auto;
margin: auto;
background-color: #333;
color: white;
display: table;
}
.box {
width: 25%;
padding-top: 10px;
padding-bottom: 10px;
display: table-cell;
vertical-align: middle;
}
.box:nth-child(2) {
width: 50%;
text-align: center;
}
.box:nth-child(2) img {
width: 90%;
height: auto;
border-radius: 50%;
}
.box:nth-child(3) {
text-align: right;
}
<!-- content to be placed inside <body>…</body> -->
<div class="container">
<div class="box"></div>
<div class="box"><img src="https://unsplash.it/400/400/?random" /></div>
<div class="box"><img src="https://unsplash.it/80/80/?random"/></div>
</div>
// alert('Hello world!');
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
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.