Css 对齐div中心顶部内部的文本

Css 对齐div中心顶部内部的文本,css,html,text,alignment,Css,Html,Text,Alignment,我试着把第一个div对准中心。在这个div中还有另外3个div,其中有一些文本,我想将这些文本与内部div的中心顶部对齐 我写了这个jsbin网页,但是里面的文本在顶部不是中心,而out div不是中心 数学(400-300)/4=25px表示内部分区上的等间距 .try { position:relative; float: right; margin-right:25px; text-align:center; } 此外,执行css重置将帮助您确保没有其他边距或填充。您的

我试着把第一个div对准中心。在这个div中还有另外3个div,其中有一些文本,我想将这些文本与内部div的中心顶部对齐

我写了这个jsbin网页,但是里面的文本在顶部不是中心,而out div不是中心

数学(400-300)/4=25px表示内部分区上的等间距

.try {
  position:relative;
  float: right;
  margin-right:25px;
  text-align:center;
}

此外,执行css重置将帮助您确保没有其他边距或填充。

您的样式继承了
边距
,要克服此问题,您可以放置:

p { 
    margin:0;
}

但是你应该在你的<强> css <强>文件的顶部重置,然后以外部div为中心,我将使用:

#all{
    width:400px;
    margin-left: auto;
    margin-right: auto;
}

那么,是要将文本对齐到中心(它是中心)还是div?如何将文本也放在顶部?同样,您需要重置css。如果将段落顶部边距设置为零,文本将浮动到顶部。你的默认利润率正在下降。如果你谷歌CSS重置,你会发现一个很好的默认标签集重置。
p { 
    margin:0;
}
#all{
    width:400px;
    margin-left: auto;
    margin-right: auto;
}