<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
* {
box-sizing: border-box;
}
table {
table-layout: fixed;
border-collapse: collapse;
width: 100%;
}
td {
background: #86dbd7;
padding: 20px;
border: solid 1px #000;
}
tr td:first-child {
overflow: hidden;
white-space: nowrap;
width: 100px;
}
</style>
</head>
<body>
<table>
<tbody>
<tr>
<td>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</td>
<td>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</td>
</tr>
<tr>
<td>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</td>
<td>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</td>
</tr>