01/10/2018, 16:59

Căn chỉnh các cột trong bảng với HTML và CSS

Mình có cái bảng như thế này:

Ở cái dòng cuối cùng đó. Mình muốn 2 cột mỗi cột 50% thì phải sử lý như thế nào ạ ?
Code HTML của mình

			<tr>
				<td id="title1">Công nghệ dầu gội dưỡng tóc mới</td>
				<td rowspan="3" id="image"><img src="image.jpg" width="80%" height="180px"></td>
			</tr>
			<tr id="space">
				
			</tr>
			<tr>
				<td id="title2" >Tỏa sáng cùng ..</td>
			</tr> 


			<tr id="content1">
				<td>
					<ul>
						<li id="top">Sản phẩm khuyến mãi</li>
						<li>Dầu gội  mới khuyến mãi có tem bảo hành</li>
					</ul>

					<ul>
						<li id="top">Sản phẩm khuyến mãi</li>
						<li>Dầu gội  mới khuyến mãi có tem bảo hành</li>
						<li>Dầu gội  mới khuyến mãi có tem bảo hành</li>
					</ul>

				</td>

				<td id="content2">
					<ul id="top2">
						<li id="top">Sản phẩm khuyến mãi</li>
						<ol>
							<li>Dầu gội mới khuyến mãi có tem bảo hành</li>
							<li>Dầu gội mới khuyến mãi có tem bảo hành</li>
						</ol>
					</ul>
				</td>

			</tr>


		</tbody>
	</table>