HTML:如何简单地缩进表单?

标签 html css

我搜索了又搜索,我认为这是一个简单的发现,但没有找到任何东西。我有这个表格:

<form action="<?= htmlspecialchars($_SERVER['PHP_SELF'], ENT_QUOTES) ?>" method="post" enctype="multipart/form-data"> 
    <input type="file" name="thefile"> 
    <input type="submit" value="Upload File"> 
    <br />
    <!-- test key -->
    <div class="g-recaptcha" data-sitekey="6LeIxAcTAAAAAJcZVRqyHh71UMIEGNQ_MXjiZKhI"></div>
</form> 

我希望它缩进,这样它就不会接触到它所在区域的侧面,我尝试过类似 <div style="text-indent-left:20px"> 的东西包裹住它,但没有将其定相。

如何缩进表单?

谢谢。

最佳答案

请尝试以下操作(从左边距缩进 60 像素)

#form1
{
padding-left:60px;
}
<form action="self.php" method="post" enctype="multipart/form-data" id=form1> 
    <input type="file" name="thefile"> 
    <input type="submit" value="Upload File"> 
    <br />
    <!-- test key -->
    <div class="g-recaptcha" data-sitekey="6LeIxAcTAAAAAJcZVRqyHh71UMIEGNQ_MXjiZKhI"></div>
</form> 

关于HTML:如何简单地缩进表单?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64565362/

相关文章:

html - 如何在所有屏幕宽度中将一个 div 的位置设置为具有相同位置的另一个 div

html - 为什么 flex 元素包裹而不是收缩?

javascript - 文本区域的下一个兄弟有什么问题?

html - 文本未与 Bootstrap 的导航栏文本右拉正确对齐

javascript - 专注于页面不工作

javascript - 使用 JavaScript 为 Cookie 横幅设置 Cookie 或 localStorage

javascript - Android 设备长按导致在关闭覆盖 div 时触发底层链接

javascript - 带有 JSON 数据的 jquery slider

javascript - 用类 ="en"包裹 div 中的每个英文字母

html - 当我刷新或访问新页面时,我网站上的字体大小先变大后变小