Sinitra haml：spanタグが正常に動作していないようです

Question

私はSinatraを以前に発見し、html/php/cssで作成したWebフォームをsinatra言語に翻訳し始めました。

この時点では、1つのことを除いてすべてがうまくいくように見えます。つまり、スパンタグです。

私はシナトラを実行すると、私は次のエラーを取得：

/aaa/bbb/.../views/index.hamlをゼロに ％は、私が持っているあなたの名前

を追加span.smallなぜコード内のすべてが非常にうまく動作しているので、なぜ動作していないのでしょうか？ここで

は私のCSSファイルの一部である（それのトンがありませんので、私は、コードの一部を削除したことに注意してください％のH1、％pは、など、うまく機能している。！）：

ここで

body{ 
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
font-size:12px; 
/*text-align:center;*/ 
} 

p, h1, form, button{border:0; margin:0; padding:0;} 
.spacer{clear:both; height:1px;} 

.myform{ 
margin:0 auto; 
width:400px; 
padding:14px; 
} 

#stylized{ 
border:solid 2px #b7ddf2; 
background:#ebf4fb; 
} 

#stylized .small{ 
color:#666666; 
display:block; 
font-size:11px; 
font-weight:normal; 
text-align:right; 
width:145px; 
} 

はHAMLコード

%html 
    %head 
    %title Website Test 
    %link(rel="stylesheet" href="css/styles.css") 
    %body 
    #stylized.myform 
     %form{ :id => "form", :name => "form", :method => "post", :action => "form1.rb"} 
     %h1 Virtual Machine Form 
     %p Please fill every field and then hit the submit button 

     %label Name 
      %span.small Add your name 
     %input{ :type => "text", :name => "name", :id => "name"} 

であり、ここで

<div id="stylized" class="myform"> 
    <form id="form" name="form" method="post" action="vmform_process.php"> 
    <h1>Virtual Machine Form</h1> 
    <p>Please fill every fields and the hit the submit button</p> 

    <label>Name 
     <span class="small">Add your name</span> 
    </label> 
    <input type="text" name="name" id="name" /> 
    ... 
    </form> 
</div> 

Answer 1

おそらくactuaを含まなければならないと働いているhtmlコードですlエラー。あなたの問題は、ラベルにインラインとネストのコンテンツが含まれていることだと思います。それはする必要があります

%label 
    Name 
    %span.small Add your name