title: changing Direction in Globalization asp.net MVC
body: <p><strong>View</strong></p>
  
  <pre><code>   &lt;div class="panel-body"&gt;
                  &lt;div class="form-group" style="direction: rtl"&gt;
                      &lt;div class="col-md-2"&gt;
                          &lt;label class="control-label"&gt;@Resources.VMSResource.VisitorName &lt;/label&gt;
                      &lt;/div&gt;
                      &lt;div class="col-md-3"&gt;
                          @Html.EditorFor(model =&gt; model.VisitorName, new { htmlAttributes = new { @class = "form-control input-sm " } })
                          @Html.ValidationMessageFor(model =&gt; model.VisitorName, "", new { @class = "text-danger" })
                      &lt;/div&gt;
                      &lt;div class="col-md-2"&gt;
                          &lt;label class="control-label"&gt;@Resources.VMSResource.EmployeeID &lt;/label&gt;
                      &lt;/div&gt;
                      &lt;div class="col-md-3"&gt;
                          @Html.EditorFor(model =&gt; model.EmployeeID, new { htmlAttributes = new { @class = "form-control input-sm" } })
                          @Html.ValidationMessageFor(model =&gt; model.EmployeeID, "", new { @class = "text-danger" })
                      &lt;/div&gt;
                  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I am implementing globalization in MVC. </p>
  
  <p>For the Arabic language, I want the controls direction to RTL. I tried setting the direction to RTL for the DIV:</p>
  
  <pre><code> &lt;div class="panel-body" style="direction:RTL"&gt;
  </code></pre>
  
  <p>But it is only setting the direction within the textbox to RTL. Instead I want the controls (like Label, textbox) to move RTL.</p>