html - 试图弄清楚
问题描述
我希望我的陈述的所有答案都从同一个地方开始。例如,最喜欢的电视节目和推特回答都从同一个地方开始,其间的间距相等。我有下面列出的代码。我还添加了一张它的样子的照片。我知道这很简单,但我很难弄清楚
html {
min-height: 100%:;
overflow: hidden;
}
body {
height: calc( 100vh - 8em);
padding: 4em;
background-color: black;
text-align: left;
}
p {
font-family: 'IBM Plex Mono', monospace;
font-size: 10px;
color: white;
}
h4 {
font-family: 'IBM Plex Mono', monospace;
font-size: 10px;
color: #89e20b;
}
h3 {
font-family: 'IBM Plex Mono', monospace;
font-size: 10px;
color: #89e20b;
}
h2 {
font-family: 'IBM Plex Mono', monospace;
font-size: 10px;
color: #89e20b;
}
h1 {
font-family: 'IBM Plex Mono', monospace;
font-size: 10px;
color: #89e20b;
}
h5 {
font-family: 'IBM Plex Mono', monospace;
font-size: 10px;
color: #89e20b;
}
.line {
position: left;
top: 35%;
width: 5em;
margin: 0 auto;
text-align: left;
}
img {
align-content: left;
}
<html>
<head>
<title>Web Developer</title>
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<img src="jcblogo.png" height="45" width="160">
<div>
<p><h4> # General Information</h4></p>
<p><h4>#-------------------------------</h4></p>
</div>
<p>name :Jacob Olenick</p>
<p>Occupation :Designer and Developer</p>
<p>Location :Las Vegas</p>
<div>
<p><h3># Past Work</h3></p>
<p><h3>#-------------------------------</h3></p>
</div>
<p>Creative @ Vous Church</p>
<p>Creative @ King's Church</p>
<p>Creative @ Relentless Church</p>
<p>Creative @ Hillsong Las Vegas</p>
<p>Developer @ Chrishan Technology Solutions</p>
<p>Creative Director @ Givary
<div>
<p><h2># About Me</h2></p>
<p><h2>#-------------------------------<h2></p>
<div>
<p>Husband to : Megan Olenick</p>
<p>Favorite Drink : Coffee/Orange Juice</p>
<p>Favorite City : NYC
<p>Favorite Preacher : Carl Lentz</p>
<p>Best TV Show : Stranger Things/Chicago PD
<div>
<p><h1># Social and Contact</h1></p>
<p><h1>#-------------------------------</h1></p>
</div>
<p>twitter @jacobolenick</p>
<p>instagram @jacobolenick</p>
<p>behance /jacobolenick</p>
<p>github /jacobolenick</p>
<p>email olenickjacob@gmail.com</p>
<p><h5>Love what you do and honor God</h5></p>
</body>
</html>
解决方案
The easiest way to achieve what you want is to use a table
:
<table>
<tr>
<td>Name</td>
<td>: Jacob Olenick</td>
</tr>
<tr>
<td>Occupation</td>
<td>: Designer and Developer</td>
</tr>
<tr>
<td>Location</td>
<td>: Las Vegas</td>
</tr>
</table>
推荐阅读
- google-sheets - 基于将不同的单元格值与列标题匹配来格式化行中的单元格
- visual-studio - InstallShield 不接受 <
- datetime - 如何在使用 xarray 加载 NETCDF 文件时解码时间变量
- git - 变基和强制推送后丢失 git 提交 - 删除 git 对象
- javascript - 我如何通过 linq 获取数组项
- angular - Angular Auth拦截器无法刷新令牌 - Angular 7
- django - drf中的post方法
- powerbi - DAX 帮助 - IF(ISBLANK(
- marklogic - 如何使用rest api搜索和返回文档?
- r - 为什么我可以用 lme 计算混合模型,但不能用 lmer?