<div class="user_list_wrap"> <div class="user_list d-flex flex-wrap"> <div class="user_item host"> <a href="#" data-toggle="modal" data-target="#profileModal1"> <div class="img_wrap"><img src="img/thumbnail.png" alt="サムネイル画像" /></div> <span class="name">名前名前</span> </a> </div> <div class="user_item"> <a href="#" data-toggle="modal" data-target="#profileModal2"> <div class="img_wrap"><img src="img/thumbnail.png" alt="サムネイル画像" /></div> <span class="name">名前名前</span> </a> </div> <div class="user_item"> <a href="#" data-toggle="modal" data-target="#profileModal2"> <div class="img_wrap"><img src="img/thumbnail.png" alt="サムネイル画像" /></div> <span class="name">名前名前名前名前名前名前名前名前名前名前</span> </a> </div> <div class="user_item host"> <a href="#" data-toggle="modal" data-target="#profileModal2"> <div class="img_wrap"><img src="img/thumbnail.png" alt="サムネイル画像" /></div> <span class="name">名前名前名前名前名前名前名前名前名前名前</span> </a> </div> <div class="user_item"> <a href="#" data-toggle="modal" data-target="#profileModal2"> <div class="img_wrap"><img src="img/thumbnail.png" alt="サムネイル画像" /></div> <span class="name">名前名前名前名前名前名前名前名前名前名前</span> </a> </div> <div class="user_item"> <a href="#" data-toggle="modal" data-target="#profileModal2"> <div class="img_wrap"><img src="img/thumbnail.png" alt="サムネイル画像" /></div> <span class="name">名前名前名前名前名前名前名前名前名前名前</span> </a> </div> <div class="user_item"> <a href="#" data-toggle="modal" data-target="#profileModal2"> <div class="img_wrap"><img src="img/thumbnail.png" alt="サムネイル画像" /></div> <span class="name">名前名前名前名前名前名前名前名前名前名前</span> </a> </div> <div class="user_item"> <a href="#" data-toggle="modal" data-target="#profileModal2"> <div class="img_wrap"><img src="img/thumbnail.png" alt="サムネイル画像" /></div> <span class="name">名前名前名前名前名前名前名前名前名前名前</span> </a> </div> <div class="user_item"> <a href="#" data-toggle="modal" data-target="#profileModal2"> <div class="img_wrap"><img src="img/thumbnail.png" alt="サムネイル画像" /></div> <span class="name">名前名前名前</span> </a> </div> </div> </div>