gistfile1.haml

/heres a simple div with an id

#my-div This is my cool div

results: <div id="my-div">This is my cool div</div>

/heres a simple div with a class

.my-div This is my cool div

results: <div class="my-div">This is my cool div</div>

/heres a nested example

.my-div
  This is my div with a strong element inside
  %strong.my-strong-element This will be bold
  
results:
<div class="my-div">
  This is my cool div
  <strong class="my-strong-element">This will be bold</strong>  
</div>
  
/ an example with ruby code
/ setup: @page_title is view variable holding the string "Page One"

%h1.page-title= @page_title

results: <h1 class="page-title">Page One</h1>

/ here it is with concatenation

%h1.page-title "My cool #{@page_title"

results: <h1 class="page-title">My cool Page One</h1>