我希望创建一个简单的布局,如下所示.

有人可以告诉我如何实现这一目标吗?请原谅"坦率",我来自C#背景,因此开发WEB UI对我来说有点令人生畏.
更新: 我正在玩耍和CSS而不是生产我想要的东西.
我一直在尝试段落并从脚本标签写入它们,并且想知道是否有一种方法可以将它们水平放置在彼此旁边而不是在下面。我当前的代码是这样的:
<p id="csvData"></p>
<p id="csvData2"></p>
Run Code Online (Sandbox Code Playgroud)
我不知道如何让“csvData”和“csvData2”彼此相邻。
我搜索过网络,似乎无法找到干净,简单,所有浏览器友好的3列布局.
我希望有3列布局,左列是200px固定,右列是200px固定,中间列是剩余宽度,但最小宽度为600px.因此整体最小宽度为200px + 600px + 200px = 1000px.
我看到很多例子,当调整浏览器大小时,列似乎相互重叠,这是一个问题.
谢谢