Skip to content

Instantly share code, notes, and snippets.

@patrickmooney

patrickmooney/sample.html

Created December 30, 2013 18:04
Show Gist options
  • Save patrickmooney/8185521 to your computer and use it in GitHub Desktop.
Save patrickmooney/8185521 to your computer and use it in GitHub Desktop.
Download ZIP
Non wrapping content block with left aligned image
Raw
sample.html
<html>
<head>
<style>
body {
margin:auto;
width:600px;
}
#wrapper {
background-color: yellow;
width: 400px;
height: 400px;
}
.leftblock{
float: left;
width: 200px;
height: 20px;
background-color: blue;
color: white;
text-align: center;
}
.contentblock{
padding-left: 210px;
}
</style>
</head>
<body>
<div id=wrapper>
<div class=leftblock>left block</div>
<div class=contentblock> Non wrapping Content block Content block Content block Content block Content block Content block Content block Content block Content block Content block Content block Content block Content block Content block Content block Content block Content block Content block </div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment