Одна информация и другая сторона Изображение пользователя

Question

Я пытаюсь разделить страницу, так как одна сторона должна содержать информацию о пользователе, такую ​​как имя, адрес электронной почты, адрес, номер мобильного телефона, а перед этим я хочу изображение пользователя. Вы можете проверить изображение по необходимости Синяя коробка - изображение пользователя

вот цикл, из которого эта информация извлекается

$tcpdf = new TCPDF();
$tcpdf->AddPage();
//----->User<-----\\
$tcpdf->SetFont('times', '', 10.5);
$displayed=false;
$useroutput[]='<table>';
foreach($row3 as $key11=>$value11)
{
    $useroutput[]='<tr>';

    $useroutput[]='<td>'.$key11.':'.$value11. '</td>';

    $useroutput[]='</tr>';
}
$useroutput[]='</table>';
$user=join($useroutput);
$tcpdf->writeHTML($user, true, false, false, false, '');
$tcpdf->Output();

Answer 1

вот в html / css

#parent {
  display: flex;
}
#left {
  width: 300px;
      margin-left: 5px;
      
     

}
#right {
  flex: 1;
  border:solid;
}

ul {list-style: none;}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

<div id="parent">
  <div id="left"><ul>
<li>Id:</li>
<li>Name:</li>
<li>Address:</li>
<li>Email:</li>
</ul>
</div>


 <div id="right"><img src="https://www.google.org/static/logo_googledotorg.svg"></img></div>
</div>

<table style="width:100%">
  <tr>
    <th>id</th>
    <th>name</th>
    <th>quanity</th>
     <th>price</th>
     <th>address</th>
     <th>status</th>
  </tr>
  <tr>
    <td>1</td>
    <td>Apple</td>
    <td>12</td>
    <td>17500</td>
    <td>@mandi</td>
    <td>fresh</td>
      </tr>
  <tr>
    <td>2</td>
    <td>Banana</td>
    <td>3000</td>
  </tr>
  </table>