Html 如何减少文本之间的宽度?

Html 如何减少文本之间的宽度?,html,css,Html,Css,我想知道如何减少文本之间的宽度,使文本像下面的示例一样排列。请看“欢迎来到我的波尔图费奥” 这是我到目前为止的代码,您可以在运行它时看到“欢迎使用我的”和“公文包”之间的巨大差距 下面是我的HTML <h1 class="title4">WELCOME TO MY</h1> <h1 class="title5">PORTFOLIO</h1> 亲切问候,, Liam.添加边距:0向您的类彼此发送 同样值得一提的是你有多少重复的东西。标题4和标题5之

我想知道如何减少文本之间的宽度,使文本像下面的示例一样排列。请看“欢迎来到我的波尔图费奥”

这是我到目前为止的代码,您可以在运行它时看到“欢迎使用我的”和“公文包”之间的巨大差距

下面是我的HTML

<h1 class="title4">WELCOME TO MY</h1>
<h1 class="title5">PORTFOLIO</h1>
亲切问候,,
Liam.

添加
边距:0向您的类彼此发送

同样值得一提的是你有多少重复的东西。
标题4
标题5
之间没有区别。为什么不让他们上同一个班呢

正文{
背景色:黑色;
}
.头衔{
文本对齐:中间对齐;
字体系列:Arial;
颜色:白色;
字号:45pt;
文本对齐:居中;
保证金:0;
}

欢迎来到我的
文件夹

添加
边距:0向您的类彼此发送

同样值得一提的是你有多少重复的东西。
标题4
标题5
之间没有区别。为什么不让他们上同一个班呢

正文{
背景色:黑色;
}
.头衔{
文本对齐:中间对齐;
字体系列:Arial;
颜色:白色;
字号:45pt;
文本对齐:居中;
保证金:0;
}

欢迎来到我的
文件夹
试试这个

.title4 {
text-align:middle;
font-family:Arial;
color:red;
font-size:45pt;
text-align:center;
margin-bottom:0px;
}
.title5 {
text-align:middle;
font-family:Arial;
color:red;
font-size:45pt;
text-align:center;
margin-top: 0px
}
试试这个

.title4 {
text-align:middle;
font-family:Arial;
color:red;
font-size:45pt;
text-align:center;
margin-bottom:0px;
}
.title5 {
text-align:middle;
font-family:Arial;
color:red;
font-size:45pt;
text-align:center;
margin-top: 0px
}

您可以通过添加以下内容来修改两个div之间的高度:

padding-top: -15px;
去你的第五课。以下是对上述变化的处理:


另外,请务必阅读填充和边距之间的差异,因为它们是不同的,而且非常方便。

您可以通过添加以下内容来修改两个div之间的高度:

padding-top: -15px;
去你的第五课。以下是对上述变化的处理:


另外,请务必阅读填充和边距之间的差异,因为它们是不同的,而且非常方便。

您提到宽度,人们不断提供调整两个标题之间边距的方法。您还可以更改字母之间的间距

如果添加
字母间距:2px到h1表示“公文包,您可以扩展字母之间的间距,以便公文包更好地匹配“欢迎使用我的”的宽度。在我使用您的代码的示例中,我添加了5px以更好地演示效果

正文{
背景色:黑色;
}
.头衔{
文本对齐:中间对齐;
字体系列:Arial;
颜色:白色;
字号:45pt;
文本对齐:居中;
保证金:0;
}
.标题2{
文本对齐:中间对齐;
字体系列:Arial;
颜色:白色;
字号:45pt;
文本对齐:居中;
保证金:0;
字母间距:5px;
}

欢迎来到我的
文件夹

您提到宽度,人们不断提供调整两个标题之间边距的方法。您还可以更改字母之间的间距

如果您将
字母间距:2px;
添加到“公文包”的h1中,您可以扩展字母之间的间距,以便公文包更好地匹配“欢迎使用我的公文包”的宽度。在使用您的代码的示例中,我添加了5px以更好地演示效果

正文{
背景色:黑色;
}
.头衔{
文本对齐:中间对齐;
字体系列:Arial;
颜色:白色;
字号:45pt;
文本对齐:居中;
保证金:0;
}
.标题2{
文本对齐:中间对齐;
字体系列:Arial;
颜色:白色;
字号:45pt;
文本对齐:居中;
保证金:0;
字母间距:5px;
}

欢迎来到我的
文件夹
正文{
背景色:黑色;
}
.标题4{
字体系列:Arial;
颜色:白色;
字号:45pt;
文本对齐:居中;
边际:0px;
}
.标题5{
字体系列:Arial;
颜色:白色;
字号:45pt;
文本对齐:居中;
边际:0px;
}

欢迎来到我的
文件夹
正文{
背景色:黑色;
}
.标题4{
字体系列:Arial;
颜色:白色;
字号:45pt;
文本对齐:居中;
边际:0px;
}
.标题5{
字体系列:Arial;
颜色:白色;
字号:45pt;
文本对齐:居中;
边际:0px;
}

欢迎来到我的
文件夹

垂直间隙<代码>
元素有一个默认的上下边距,您必须覆盖。垂直间距<代码>
元素有一个默认的上下边距,您必须重写。如果您解释OP代码与此处提供的代码之间的差异,这会有所帮助。如果您解释OP代码与此处提供的代码之间的差异,这会有所帮助。为什么要添加负数填充而不是重写默认值边距?为什么要添加负数填充而不是覆盖默认边距?