title: How to properly display html encoded Chinese Characters horizontally on web page?
body: <p>I having trouble to display chinese characters in a horizontal format.  I tried a few combinations using this css stylesheets.</p>
  
  <p>My CSS:</p>
  
  <pre><code>.myborder{
      border: 2px solid;border-top-left-radius: 50px;
      border-top-right-radius: 10px;
      border-bottom-right-radius: 50px;
      border-bottom-left-radius: 2px;
      box-shadow: 9px 9px 15px #000000;
  }
  
  .myborder .h1{
      width: 30px;
      display: compact;
      -webkit-margin-before: 1em;
      -webkit-margin-after: 1em;
      -webkit-margin-start: 0px;
      -webkit-margin-end: 0px;
      text-align: left;
      padding-left: 20px;
      font-size: 38.5px;
      font-weight: bold;
      margin-top: 20px;
      margin-bottom: 0;
      line-height: 1;
      word-spacing: -1;
      font-family: inherit;
      color: inherit;
      text-rendering: optimizelegibility;
  }
  </code></pre>
  
  <p>My html code:</p>
  
  <pre><code>&lt;div class = "myborder"&gt;
     &lt;div class="h1"&gt;国务院公布了房&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have tried changing the <code>display</code> styles, <code>line-height</code>, <code>word-spacing</code>, etc. I still couldn't get it the characters printed out horizontally</p>
  
  <p>Why is that?</p>