我想在HTML 中创建我的简历
这张纸的尺寸和A4一样好吗？
如何像图片中那样定位文本，但我想要没有div？
以及如何制作页面&文本像PDF或Word一样固定，所以当我打印它时，它是一致的吗？
这是我的代码：
#name {
font-size: 26pt;
font-family: garamond;
font-weight: bold;
display: inline;
}
/*ignore line break*/
.title {
font-size: 12pt;
}
.sous-title {
font-weight: bold;
}
body {
font-size: 11pt;
font-family: Verdana;
color: rgb(64, 64, 64);
max-width: 44em;
/*3ordh*/
padding: 65 45px;
margin: 6em auto 19em;
position: relative;
box-shadow: 0 0.3em 1em rgb(110, 110, 110);
height: 90em
}<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="portfolionotabs.css">
<title>Resume</title>
</head>
<body>
<p id="name">REDACTED <br>REDACTED</p>
REDACTED REDACTEDAdress Adress EMailEMailEMail
<br> REDACTED0000000
<hr />
<p class="title">Objective</p>
A highly motivated student looking for a first time position within a retail environment. Through my studies, i have demonstrated high levels of motivation, work ethic, and teamwork to achieve my predicted grades. I wish to utilise these skills to work
with customers and satisfy their needs.
<hr />
<p class="title">Education</p>
ISGS
<p class="sous-title">IT management</p>
September 2014 - July 2017<br> Graduated: No<br> Completed 2nd year
<hr /> CSFMTS
<p class="sous-title"></p>International trade</p>
September 2019 - Current<br> Graduated: Yes<br> Currently on internship
<hr />
<p class="title">Work experience</p>
<p class="sous-title"></p>REDACTED</p>
REDACTED<br> October 2021 - November 2021<br>
<hr />
<p class="title">Languages</p>
English •••••<br> French •••••<br> Italian •••••
<hr />
<p class="title">Skills</p>
Problem-solving Reasonably experienced<br> Communication Reasonably experienced<br> Adaptability
<br> Active Listening
<hr />
<p class="title">Technical skills</p>
Ms-office Advanced level<br> Ciel 2019 Advanced level<br>
<hr />
<p class="title">Hobbies and interests</p>
Exercising and healthcare<br> Yoga and meditation<br> Volunteering
</body>
</html>也许我可以回答你的两个问题。
如何像在图片中一样定位文本，但我想要没有div。。？
Div真的不太难，而且是html的核心概念，所以学习如何使用它们将是有益的。您可以在MDN Web Docsdiv详细信息中找到一些很好的解释来帮助您。但既然你要一个替代品，我可以提供一个：桌子。现在，我个人不喜欢使用表格，但它可以完成工作。一个警告是，表格可能会使在小屏幕上运行良好的响应网站变得更加困难。但既然你想模仿一份打印的文件，那就行了。
示例：
<hr />
<table>
<tr>
<td>
<p class="title">Objective</p>
</td>
<td>A highly motivated student looking for a first time position within a retail environment. Through my studies, i have demonstrated high levels of motivation, work ethic, and teamwork to achieve my predicted grades. I wish to utilise these skills to
work with customers and satisfy their needs.</td>
</tr>
</table>
<hr />这有点基础，与您想要的样式不匹配，但可以让您了解如何将两列并排放置。当然，您需要添加适当的属性来设置单元格大小、填充和间距
基本原理是对每一行使用<tr>，对该行中的每个单元使用<td>。然后像在word文档中构建电子表格或表格一样构建。
如何使页面和文本像pdf或word一样固定，以便在打印时保持一致？
如果使用表格，则可以使用固定宽度(以像素为单位(。这样可以做到这一点。一个很好的参考是MDN上有文本溢出的固定宽度表。但再次提醒。这种方法可能会在较小的屏幕上造成困难；这不是一个反应灵敏的设计。
编辑：在另一个答案中，用户将您的整个代码更新为表格。但要使其始终打印相同，您可能需要添加固定的宽度。我希望我的回答能向你解释表格是一种选择的方式，以及它们可能存在的问题。
#name{
font-size: 26pt;
font-family: garamond;
font-weight: bold;
display:inline;
} /*ignore line break*/
.title{font-size: 12pt;}
.sous-title{font-weight: bold;}
body{
padding: 10px;
font-size: 11pt;
font-family: Verdana;
color: rgb(64, 64, 64);
max-width: 44em; /*3ordh*/
padding: 65 45px;
margin: 6em auto 19em;
position: relative;
box-shadow: 0 0.3em 1em rgb(110, 110, 110);
height: 90em
}
.fright{
float: right;
margin: 0 20px;
}<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="portfolionotabs.css">
<title>Resume</title>
</head>
<body>
<p id="name">REDACTED <br>REDACTED</p>
<span class="fright">
REDACTED<br>
REDACTED
</span>
<span class="fright">
REDACTED<br>
REDACTED
</span>
<hr />
<table>
<tr>
<td valign="top" width="230px">Objective</td>
<td>
A highly motivated student looking for a first time position within a retail environment. Through my studies, i have demonstrated high levels of motivation, work ethic, and teamwork to achieve my predicted grades. I wish to utilise these skills to work with customers and satisfy their needs.
</td>
<tr>
<tr>
<td colspan="2"><hr></td>
</tr>
<tr>
<td valign="top">Education</td>
<td>
ISGS<br>
<b>IT management</b><br>
September 2014 - July 2017<br>
Graduated: No<br>
Completed 2nd year
</td>
</tr>
<tr>
<td colspan="2"><hr></td>
</tr>
<tr>
<td></td>
<td>
CSFMTS<br>
<b> International trade</b><br>
September 2019 - Current<br>
Graduated: Yes<br>
Currently on internship
</td>
</tr>
<tr>
<td colspan="2"><hr></td>
</tr>
<tr>
<td>Work experience</td>
<td>
<b>REDACTED</b><br>
REDACTED<br>
October 2021 - November 2021<br>
</td>
</tr>
<tr>
<td colspan="2"><hr></td>
</tr>
<tr>
<td>Languages</td>
<td>
English •••••<br>
French •••••<br>
Italian •••••
</td>
</tr>
<tr>
<td colspan="2"><hr></td>
</tr>
<tr>
<td>Skills</td>
<td>
Problem-solving Reasonably experienced<br>
Communication Reasonably experienced<br>
Adaptability<br>
Active Listening
</td>
</tr>
<tr>
<td colspan="2"><hr></td>
</tr>
<tr>
<td>Technical skills</td>
<td>
Ms-office Advanced level<br>
Ciel 2019 Advanced level<br>
</td>
</tr>
<tr>
<td colspan="2"><hr></td>
</tr>
<tr>
<td>Hobbies and interests</td>
<td>
Exercising and healthcare<br>
Yoga and meditation<br>
Volunteering
</td>
</tr>
</table>
</body>