41 lines
981 B
HTML
41 lines
981 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<style>
|
|
/* Create a two-column layout */
|
|
.container {
|
|
display: flex;
|
|
width: 100%;
|
|
}
|
|
|
|
/* Style for the left column (half) */
|
|
.left-column {
|
|
flex: 1;
|
|
padding: 20px;
|
|
background-color: #f0f0f0;
|
|
}
|
|
|
|
/* Style for the right column (half) */
|
|
.right-column {
|
|
flex: 2;
|
|
padding: 20px;
|
|
background-color: #e0e0e0;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div class="left-column">
|
|
<!-- Items for the left half of the screen -->
|
|
<h2>Left Half</h2>
|
|
<p>This is the left half of the screen.</p>
|
|
</div>
|
|
<div class="right-column">
|
|
<!-- Items for the right half of the screen -->
|
|
<h2>Right Half</h2>
|
|
<p>This is the right half of the screen.</p>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|