fix: ul not allowed as child of element span (#158)

According to the html5 recommendations the <span> element can
only contain phrasing-content. The <ul> element is not in the list of
phrasing content tags. The html validation engine is enforcing those
rules. You can use a <div> as the container instead.

Reference: https://stackoverflow.com/questions/15823032/validation-error-ul-not-allowed-as-child-of-element-span

_includes/extensions/google-translate.html

@@ -9,7 +9,7 @@
 <div id="google_translate_element" style="display: none;">
 </div>
 
-<span class="ct-language">
+<div class="ct-language">
   <ul class="list-unstyled ct-language-dropdown">
     {% for item in translate_langs %}
       <li>
@@ -23,7 +23,7 @@
       </li>
     {% endfor %}
   </ul>
-</span>
+</div>
 
 <script type="text/javascript">
 function googleTranslateElementInit() {

_includes/views/header.html

@@ -47,9 +47,9 @@
               {%- assign name = 'lang' -%}
               {%- include functions.html func='get_value' default='en' -%}
               {%- assign lang = return -%}
-              <span class="page-link">
+              <div class="page-link" style="display: inline;">
                   {%- include extensions/google-translate.html -%}
-              </span>
+              </div>
             {%- endif -%}
           </div>
         </nav>