Css 将浮动区域移到段落内

Css 将浮动区域移到段落内,css,Css,我想有一个报价内一段定位 我觉得我的代码就快到了,但我一直遇到这样的问题:当将“top:250px”应用到“.quote div p”以将其向下移动到段落中,而不是跟随时,浮动的区域(用于替换文本)保持在其父元素的左上角。 有人知道解决这个问题的方法吗?这可能吗?谢谢 .wrapperSingleProject{ 填充:80px 0 80px 0; 宽度:400px; 保证金:0自动; 位置:相对位置; } p{ 文字装饰:无; 文本对齐:左对齐; 字号:17px; 字体系列:“Roboto

我想有一个报价内一段定位

我觉得我的代码就快到了,但我一直遇到这样的问题:当将“top:250px”应用到“.quote div p”以将其向下移动到段落中,而不是跟随时,浮动的区域(用于替换文本)保持在其父元素的左上角。
有人知道解决这个问题的方法吗?这可能吗?谢谢

.wrapperSingleProject{
填充:80px 0 80px 0;
宽度:400px;
保证金:0自动;
位置:相对位置;
}
p{
文字装饰:无;
文本对齐:左对齐;
字号:17px;
字体系列:“Roboto”,无衬线;
字体大小:400;
字母间距:0.08em;
线高:1.45;
颜色:黑色;
}
.报价部门p{
位置:相对位置;
文本对齐:居中;
宽度:200px;
颜色:蓝色;
背景色:#ccc;
浮动:左;
利润率:0-100px0;
填充:10px;
顶部:250px;
左:0%;
转换:翻译(-50%,-50%);
}

斯泰特·克莱塔·卡斯德·古伯格伦(Stet clita kasd gubergren),没有海洋保护区是属于同一领域的。Lorem ipsum Door sit amet,consetetur Sadipsing Eliter

他说:“我的工作是在工作中完成的,我的工作是在工作中完成的,我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯特特·克里塔·卡斯德·古伯格伦,没有大海 圣殿是圣殿。他说:“我的工作是在工作中完成的,我的工作是在工作中完成的,我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。 斯泰特·克莱塔·卡斯德·古伯格伦(Stet clita kasd gubergren)说,没有一个海洋保护区是一个属于同一个世界的世界。同一个世界是同一个世界,同一个世界是同一个世界,同一个世界是同一个世界。在vero eos 这是一个很好的例子。斯泰特·克莱塔·卡斯德·古伯格伦(Stet clita kasd gubergren),没有海洋保护区是属于同一领域的。我们需要一位专家,一位杰出的顾问,一位临时劳工和大财团成员 阿利奎亚姆·埃拉特(aliquyam erat),塞德·迪亚姆·沃卢普图(sed diam voluptua)。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦(Stet clita kasd gubergren),无海之塔圣殿是一座神圣的圣殿 临时劳工和就业许可证,以书面形式提交。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦(Stet clita kasd gubergren),没有海洋保护区是属于同一领域的。科塞特图,洛雷姆·伊普苏姆·多洛·希特·阿梅特 这是一个很好的例子,它是一个临时的劳动和工作场所。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克里塔·卡斯德·古伯格伦(Stet clita kasd gubergren),没有海洋保护区 坐吧,艾米特。他说:“我的工作是在工作中完成的,我的工作是在工作中完成的,我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯特特·克里塔·卡斯德·古伯格伦, 没有大海,塔基马塔圣所是一个美丽的地方


这可以通过结合使用
浮动来实现。更多示例如下:

.wrapperSingleProject{
宽度:400px;
保证金:0自动;
}
p{
字号:17px;
字体系列:“Roboto”,无衬线;
字体大小:400;
字母间距:0.08em;
线高:1.45;
}
.报价部门{
浮动:左;
衬垫顶部:200px;/*距顶部的距离*/
右边距:10px;
/*从顶部偏移200像素的矩形*/
外部形状:多边形(0 200px,100%200px,100%100%,0 100%);
}
.报价部门p{
位置:相对位置;
文本对齐:居中;
宽度:200px;
颜色:蓝色;
背景色:#ccc;
保证金:0;
填充物:5px;
左边距:-100px;
}

斯泰特·克莱塔·卡斯德·古伯格伦(Stet clita kasd gubergren),没有海洋保护区是属于同一领域的。Lorem ipsum Door sit amet,consetetur Sadipsing Eliter

他说:“我的工作是在工作中完成的,我的工作是在工作中完成的,我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯特特·克里塔·卡斯德·古伯格伦,没有大海 圣殿是圣殿。他说:“我的工作是在工作中完成的,我的工作是在工作中完成的,我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。 斯泰特·克莱塔·卡斯德·古伯格伦(Stet clita kasd gubergren)说,没有一个海洋保护区是一个属于同一个世界的世界。同一个世界是同一个世界,同一个世界是同一个世界,同一个世界是同一个世界。在vero eos 这是一个很好的例子。斯泰特·克莱塔·卡斯德·古伯格伦(Stet clita kasd gubergren),没有海洋保护区是属于同一领域的。在劳动和社会大环境下的临时环境下,公共资源的使用权、公共资源的使用权、公共资源的使用权、公共资源的使用权、公共资源的使用权、公共资源的使用权、公共资源的使用权