Aligning text on a specific character

Question

I have this list of words i want to align on the center, every list item consists of two words divided by a \'-\'(hyphen). Is there an easy way i can align spot on the hyphe

Answer 1

Not very clean.. but a solution nevertheless: http://jsfiddle.net/seLvC/5/.

CSS

.progress-ww {
  font-size: 0.8rem;
  line-height:0.8rem;
    text-align:center;
}

.hyp {
    position:relative;
}
.first, .second {
    position:absolute;
    top:0;    
}
.first {
    right:18%;     
    padding-right:35%;
}
.second {
    left:18%;     
    padding-left:35%;
}

sorry but I changed your HTML:

    

        -
        
ik loop 
        
lopen
      
      

        -
        
klimmen 
        
ik klim
      
      

        -
        
geven  
        
ik geef
      
      

        -
        
schreeuwen
        
ik schreeuw
      
      

        -
        
blozen 
        
ik bloos