<li class="d-flex align-items-center"> <a href="#" class="w-100"> <div class="chat_item d-flex flex-row align-items-center"> <div class="chat_item_l"> <div class="thumbnail"> <div class="img_wrap"><img src="img/thumbnail.png"/></div> </div> </div> <div class="chat_item_m px-0"> <div class="d-flex flex-column"> <div class="chat_item_t"> <span class="chat_item_ttl">名前名前名前名前名前名前名前名前名前名前名前名前名前名前名前名前名前名前名前名前名前</span> </div> <div class="chat_item_desc"> ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。 </div> </div> </div> <div class="chat_item_r"> <div class="d-flex flex-column"> <span class="chat_item_time">3:25AM</span> </div> </div> </div> </a> </li> <li class="d-flex align-items-center"> <a href="#" class="w-100"> <div class="chat_item d-flex flex-row align-items-center"> <div class="chat_item_l"> <div class="thumbnail"> <div class="img_wrap"><img src="img/thumbnail.png"/></div> </div> </div> <div class="chat_item_m px-0"> <div class="d-flex flex-column"> <div class="chat_item_t"> <span class="chat_item_ttl">名前名前名前名前名前名前名前名前名前名前名前名前名前名前名前名前名前名前名前名前名前</span> </div> <div class="chat_item_desc"> ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。 </div> </div> </div> <div class="chat_item_r"> <div class="d-flex flex-column"> <span class="chat_item_time">3:25AM</span> </div> </div> </div> </a> </li>