Skip to content

Instantly share code, notes, and snippets.

@yodasw16
Created November 1, 2013 19:44
Show Gist options
  • Save yodasw16/7270866 to your computer and use it in GitHub Desktop.
Save yodasw16/7270866 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
<ul class="split">
<li>
<span class="split__title">Name:</span> Dave
</li>
<li>
<span class="split__title">Description:</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis venenatis est id quam tincidunt iaculis. Sed at nisi consequat, viverra est a, iaculis lacus. Nunc erat lorem, adipiscing sed lacinia pellentesque, accumsan at dolor. Vivamus sollicitudin eros sit amet odio porttitor pretium.
</li>
</ul>
// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----
.split {
text-align: left;
list-style: none;
margin-left: 0;
}
.split__title {
text-align: left;
float: left;
clear: left;
width: 20%;
}
.split {
text-align: left;
list-style: none;
margin-left: 0;
}
.split__title {
text-align: left;
float: left;
clear: left;
width: 20%;
}
<ul class="split">
<li>
<span class="split__title">Name:</span> Dave
</li>
<li>
<span class="split__title">Description:</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis venenatis est id quam tincidunt iaculis. Sed at nisi consequat, viverra est a, iaculis lacus. Nunc erat lorem, adipiscing sed lacinia pellentesque, accumsan at dolor. Vivamus sollicitudin eros sit amet odio porttitor pretium.
</li>
</ul>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment