Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/90.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 如何将元素定位到输入字段旁边的左侧?_Html_Css - Fatal编程技术网

Html 如何将元素定位到输入字段旁边的左侧?

Html 如何将元素定位到输入字段旁边的左侧?,html,css,Html,Css,从零开始我的学习,所以,我做了一个模拟谷歌高级主页的实践。我正在努力根据下图定位我的元素: 下面的图片是我目前得到的: 我需要做哪些CSS修改来实现正确的定位 我的代码可以找到,但是,由于某些原因,stackBlitz的预览呈现方式与标准web浏览器不同 为了获得正确的布局,我需要做哪些CSS修改 谢谢你如果你只使用html和css,这里有一个(非常)简单的表单实现示例 p{ 边缘底部:25px; } 形式{ 显示器:flex; 弯曲方向:行; } 标签{ 利润率:10px 20px 10

从零开始我的学习,所以,我做了一个模拟谷歌高级主页的实践。我正在努力根据下图定位我的元素:

下面的图片是我目前得到的:

我需要做哪些CSS修改来实现正确的定位

我的代码可以找到,但是,由于某些原因,stackBlitz的预览呈现方式与标准web浏览器不同

为了获得正确的布局,我需要做哪些CSS修改


谢谢你

如果你只使用html和css,这里有一个(非常)简单的表单实现示例

p{
边缘底部:25px;
}
形式{
显示器:flex;
弯曲方向:行;
}
标签{
利润率:10px 20px 10px 10px;
}
输入{
宽度:100%;
右边距:10px;
}
查找包含

名称
在此处以代码片段的形式发布您的代码