voidove

// Source: https://groups.google.com/forum/#!topic/angular/hVrkvaHGOfc
// jsFiddle: http://jsfiddle.net/pkozlowski_opensource/PxdSP/14/
// author: Pawel Kozlowski

var myApp = angular.module('myApp', []);

//service style, probably the simplest one
myApp.service('helloWorldFromService', function() {
    this.sayHello = function() {
        return "Hello, World!"

voidove

/**
 * margin collapse
 */
ul {
  background: red;
}
ul li{
  list-style-type: none;
  width: 40px;
  height: 20px;

voidove

/**
 * margin collapse
 */
ul {
  background: red;
  clear: both;
  //overflow: hidden;
  //border: 1px solid;
}
ul li{

voidove

/**
 * three column absolute
 */

.wrapper {
  position: relative;
}
.left {
  width: 200px;
  height: 200px;

voidove

/**
 * equal height column
 */
 .parent {
   border: 1px solid;
   float: left;
   overflow: hidden;
 }
 .child {
   float: left;

voidove

/**
 * equal height column
 */
 .wrapper {
   border: 1px solid;
   float: left;
 }
 .child {
 　background: grey;
   float: left;

voidove

/**
 * vertical-align
 */
.test1 {
 border: 1px solid;
 //line-height: 0;
}
img {
 vertical-align: baseline;
}

voidove

/**
 * line-height value
 */
p, div {
  border: 1px solid; 
  margin: 10px;
}
h3 {
  font-size: 20px;
}

voidove

/**
 * box-shadow
 */
div {
  height: 30px;
  background: lightgrey;
  margin: 0 auto;
  width: 300px;
  //box-shadow: inset 2px 0 red, inset -2px 0 red, inset 0 -2px red;
  box-shadow: inset 2px 2px green, inset -2px -2px red;

voidove

/**
 * line-height and font-size
 */
.test1 {
  font-size: 0;
  line-height: 24px;
  border: 1px solid;
  background: grey;
}
.test2 {