Kommentar Komponente Ausrichtung in Semantic Ui

Question

Ich verwende Kommentar Komponente der semantischen ui in meinem Projekt.

<div class="ui left aligned segment"> 
    <h4 class="ui left floated green header">Messages</h4> 
    <div class="ui comments"> 
     <div class="comment"> 
      <a class="avatar"> 
       <img src="http://www.wallpapersxl.com/thumb/girl-profile-cute-baby-boy-is-kissing-to-small-and-it-s-a-marvelous-picture-62508.jpg"> 
      </a> 
      <div class="content"> 
       <a class="author">Matt</a> 
       <div class="metadata"> 
        <span class="date">Today at 5:42PM</span> 
       </div> 
       <div class="text"> 
        How artistic! 
       </div> 
       <div class="actions"> 
        <a class="reply">Reply</a> 
       </div> 
      </div> 
     </div> 
     <div class="comment"> 
      <a class="avatar"> 
       <img src="https://www.stihi.ru/photos/smalll.jpg"> 
      </a> 
      <div class="content"> 
       <a class="author">Elliot Fu</a> 
       <div class="metadata"> 
        <span class="date">Yesterday at 12:30AM</span> 
       </div> 
       <div class="text"> 
        <p>This has been very useful for my research. Thanks as well!</p> 
       </div> 
       <div class="actions"> 
        <a class="reply">Reply</a> 
       </div> 
      </div> 
      <div class="comments"> 
       <div class="comment"> 
        <a class="avatar"> 
         <img src="http://akvis.com/img/examples/magnifier/little-boy/original-image.jpg"> 
        </a> 
        <div class="content"> 
         <a class="author">Jenny Hess</a> 
         <div class="metadata"> 
          <span class="date">Just now</span> 
         </div> 
         <div class="text"> 
          Elliot you are always so right :) 
         </div> 
         <div class="actions"> 
          <a class="reply">Reply</a> 
         </div> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

Hier sind die Kommentarkomponenten nicht richtig ausgerichtet. Ich möchte, dass sie linksbündig bleiben, wie im semantischen Beispiel.

http://semantic-ui.com/views/comment.html

Aber ich bekomme die Ausrichtung wie unten

Das erste Kommentar Element ist falsch ausgerichtet im Bild zu sehen. Jemand bitte helfen Sie.

Answer 1

Das passiert wegen der Klasse floated in h4-Header.

Entfernen Sie es und es wird wie Sie wollen.

Wir sehen uns.