Skip to content

Instantly share code, notes, and snippets.

@jimmy-collazos

jimmy-collazos/test.html

Created February 12, 2013 17:15
Show Gist options
  • Save jimmy-collazos/4771448 to your computer and use it in GitHub Desktop.
Save jimmy-collazos/4771448 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
test.html
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="utf-8">
<title>Css class name like icon</title>
</head>
<body>
<p class="l__al">
Lorem Ipsum es simplemente el texto de relleno de las imprentas y archivos de texto.
</p>
<p class="l_a_l">
Lorem Ipsum es simplemente el texto de relleno de las imprentas y archivos de texto.
</p>
<p class="la__l">
Lorem Ipsum es simplemente el texto de relleno de las imprentas y archivos de texto.
</p>
<div class="l---l">
<p class="lE--l">
Lorem Ipsum es simplemente el texto de relleno de las imprentas y archivos de texto.
</p>
<p class="lE--l">
Lorem Ipsum es simplemente el texto de relleno de las imprentas y archivos de texto.
</p>
<p class="lE--l">
Lorem Ipsum es simplemente el texto de relleno de las imprentas y archivos de texto.
</p>
</div>
</body>
</html>
Raw
tool_class.css
.la__l{ text-align: left}
.l_a_l{ text-align: center}
.l__al{ text-align: right}
.lE-l{ float: left; width:49%; }
.lE--l{ float: left; width:29%;}
.lE---l{ float: left; width:24%;}
.lEEEl{ disaplay:inline-block; float:left }
.l---l:after, .l---l:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.l---l {display:block; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment