Erreur de code css

  </header>

    <section>
      <h2>Performances</h2>
      <!-- TODO: En utilisant du css place ces trois performances ("lough", "dream, "marvel at") sur la même ligne en enlevant le point généré par la balise "li". Attention, utilise bien le css pour aligner les éléments, tu ne dois pas enlever les balises "li"-->
      <ul>
        <!-- performance 1 -->
        <li>
            <h3>Laugh</h3>
            <p>As an adult, come and discover our irresistible clowns, between practical jokes and pranks let yourself be carried away by their joy and fall back into childhood.</p>
         </li>
        <!-- performance 2 -->
         <li>
            <h3>Dream</h3>
            <p>Let yourself be carried away in a world where the real and the imaginary are one, in the company of our talented magicians, discover a wonderful world limited only by your imagination.</p>
         </li>
         <!-- performance 3 -->
         <li>
            <h3>Marvel at</h3>
            <p>Tame the untameable in the company of our tamers, between roar and razor-sharp claws, watch these fierce felines turn into sweet kittens.</p>

et voila mon code sur css: mais ça ne marche pas

 h3{
  display: inline-block;
  margin:0px;
  padding:0px;
  width:100px;
  height:400px;
  border-right:1px solid#cccccc;
  texte-align:center;
  line-height:40px;
  
}