TimothyClayton · September 26, 2016 19:33
diff --git a/1_vert_center_haml_bstrap3.png b/1_vert_center_haml_bstrap3.png
diff --git a/2_vert_center_haml_bstrap3.png b/2_vert_center_haml_bstrap3.png
diff --git a/gistfile1.haml b/gistfile1.haml
 // Seen lots of solutions but none for haml, and w/o display:flex to support older browsers.
 // Utilize the little known whitespace removal syntax...the '<' and '>' below (after class declarations).

 .row
  .col-md-1.v-center<
    = image_tag "ello.png"
  .col-md-11.v-center>
    %p Hooray! that's what I was going for, and it wasn't hard at all
diff --git a/gistfile2.css b/gistfile2.css
 .v-center {
  display:inline-block;
  vertical-align:middle;
  float:none;
 }

 .v-center p {
  margin:0;
 }
	// Seen lots of solutions but none for haml, and w/o display:flex to support older browsers.
	// Utilize the little known whitespace removal syntax...the '<' and '>' below (after class declarations).

	.row
	.col-md-1.v-center<
	= image_tag "ello.png"
	.col-md-11.v-center>
	%p Hooray! that's what I was going for, and it wasn't hard at all