Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何使用css将文本居中?_Html_Css - Fatal编程技术网

Html 如何使用css将文本居中?

Html 如何使用css将文本居中?,html,css,Html,Css,我有一个简单的段落,我想把它放在这样的中心 这里是html <div class="col-6 info-left"> <h1>Warentykowe Prezenty</h1> <span class="small-text">Od serce kafetrii</span> <p> Posłuchaj Serca Kafeterii i w Walentynk

我有一个简单的段落,我想把它放在这样的中心

这里是html

    <div class="col-6 info-left">
      <h1>Warentykowe Prezenty</h1>
      <span class="small-text">Od serce kafetrii</span>
      <p>
        Posłuchaj Serca Kafeterii i w Walentynki podaruj bliskiej osobie
        więcej miłosci ! Przygotowalismy zestawienie prezentowych
        bestsellerów dla niej, dla niego dla Was i... dla Ciebie - miłość
        nie jedno ma imię, zastanawiałes się już kogo obdarujesz w tym roku
      </p>
    </div>
不幸的是,我得到了这个

我尝试了不同的组合,但没能达到我想要的效果


我需要改变什么才能得到我想要的

p
元素中设置
文本对齐
,使其对齐(以整行对齐),并且
文本对齐最后:居中以使最后一行居中

.info左侧,
.信息权{
显示器:flex;
证明内容:中心;
对齐项目:居中;
弯曲方向:立柱;
}
/*.条幅信息{
填充:31px 0px 215px;
} */
.info左>h1{
字体大小:48px;
字体系列:“开放式Sans压缩”;
颜色:rgb(241107108);
字体大小:粗体;
线高:1.2;
文本对齐:居中;
文本缩进:2.65px;
}
.info左p{
字体大小:14px;
字体系列:“开放式SAN”;
颜色:rgb(100100100);
线高:1.5;
宽度:63%;
文本对齐:对齐;
文本最后对齐:居中;
}
.小文本{
字号:21px;
字体系列:“开放式Sans压缩”;
颜色:rgb(241107108);
字体大小:粗体;
线高:1.8;
文本对齐:左对齐;
文本缩进:2.65px;
}

沃伦蒂克夫普雷森蒂
奥德塞尔斯卡费特里伊酒店

我和瓦伦蒂尼·波达鲁伊·布利斯基·奥索比·米奥斯奇在一起!这本书是我的畅销书,是我的。。。德拉西比-米奥·伊米尼·杰德诺·马·伊米,扎斯坦纳维亚是一个由科戈·奥布达鲁耶兹领导的国家
罗库


p
元素中设置
文本对齐
以对齐(以整行对齐),并将
文本最后对齐:居中对齐以使最后一行居中

.info左侧,
.信息权{
显示器:flex;
证明内容:中心;
对齐项目:居中;
弯曲方向:立柱;
}
/*.条幅信息{
填充:31px 0px 215px;
} */
.info左>h1{
字体大小:48px;
字体系列:“开放式Sans压缩”;
颜色:rgb(241107108);
字体大小:粗体;
线高:1.2;
文本对齐:居中;
文本缩进:2.65px;
}
.info左p{
字体大小:14px;
字体系列:“开放式SAN”;
颜色:rgb(100100100);
线高:1.5;
宽度:63%;
文本对齐:对齐;
文本最后对齐:居中;
}
.小文本{
字号:21px;
字体系列:“开放式Sans压缩”;
颜色:rgb(241107108);
字体大小:粗体;
线高:1.8;
文本对齐:左对齐;
文本缩进:2.65px;
}

沃伦蒂克夫普雷森蒂
奥德塞尔斯卡费特里伊酒店

我和瓦伦蒂尼·波达鲁伊·布利斯基·奥索比·米奥斯奇在一起!这本书是我的畅销书,是我的。。。德拉西比-米奥·伊米尼·杰德诺·马·伊米,扎斯坦纳维亚是一个由科戈·奥布达鲁耶兹领导的国家
罗库


您正在CSS中将其设置为
文本对齐:左
。在
.info left p
块中更改为
text align:center

在CSS中将其设置为
text align:left
。在
.info left p
块中更改为
text align:center

问题是您专门为类
.info left
下的
p
元素指定了
text align:left

.info-left p{font-size:14px; ... text-align:left; ... width:63%;}
.info left、.info right{显示:柔性;对齐内容:中心;对齐项目:中心;柔性方向:列;}
/*.banner信息{填充:31px 0px 215px;}*/
.info left>h1{字体大小:48px;字体系列:“开放式Sans压缩”;颜色:rgb(241107108);字体大小:粗体;行高:1.2;文本对齐:居中;文本缩进:2.65px;}
.info左p{字体大小:14px;字体系列:“开放式SAN”;颜色:rgb(100100100);线条高度:1.5;宽度:63%;}
.small text{font size:21px;字体系列:“Open Sans Condensed”;颜色:rgb(241、107、108);字体重量:粗体;行高:1.8;文本对齐:左;文本缩进:2.65px;}

沃伦蒂克夫普雷森蒂
奥德塞尔斯卡费特里伊酒店

沃伦蒂斯基·布利斯基·奥索比(Walentynki podaruj bliskiej osobie)的位置
维切伊·米奥斯奇!PRZYOGOTOWALISMY zestawienie prezentowych
畅销书《尼日,尼戈》是我。。。dla Ciebie-miłość
nie jedno ma imię,zastanawiaęs sięjużkogo obdarujesw tym roku


问题在于,您专门为class
下的
p
元素指定了
text align:left

.info-left p{font-size:14px; ... text-align:left; ... width:63%;}
.info left、.info right{显示:柔性;对齐内容:中心;对齐项目:中心;柔性方向:列;}
/*.banner信息{填充:31px 0px 215px;}*/
.info left>h1{字体大小:48px;字体系列:“开放式Sans压缩”;颜色:rgb(241107108);字体大小:粗体;行高:1.2;文本对齐:居中;文本缩进:2.65px;}
.info左p{字体大小:14px;字体系列:“开放式SAN”;颜色:rgb(100100100);线条高度:1.5;宽度:63%;}
.small text{font size:21px;字体系列:“Open Sans Condensed”;颜色:rgb(241、107、108);字体重量:粗体;行高:1.8;文本对齐:左;文本缩进:2.65px;}

沃伦蒂克夫普雷森蒂
奥德塞尔斯卡费特里伊酒店

沃伦蒂斯基·布利斯基·奥索比(Walentynki podaruj bliskiej osobie)的位置
维切伊·米奥斯奇!PRZYOGOTOWALISMY zestawienie prezentowych
畅销书《尼日,尼戈》是我。。。dla Ciebie-miłość
nie jedno ma imię,zastanawiaęs sięjużkogo obdarujesw tym roku


谢谢,Italy gal answer在我想用align last时工作得很好,谢谢你的帮助ThoughThank,Italy gal answer在我想用align last时工作得很好,谢谢你的帮助thoughAH,所以你基本上想把段落对齐并居中。这是@Itay Gal提出的一个很好的解决方案,尽管原始海报可能会重写问题的标题。啊,所以你基本上想证明这一段的正确性并将其居中。这是@Itay Gal提出的一个很好的解决方案,尽管原始海报可能会改写问题的标题。