Html 如何在文本框内移动用户输入？_Html_Css_Input_Border_Padding

Html 如何在文本框内移动用户输入？

html css input

Html 如何在文本框内移动用户输入？,html,css,input,border,padding,Html,Css,Input,Border,Padding,我试图将用户输入进一步向右移动，因为边框会截取文本，使其看起来不整洁。我试图让它在文本前有一个空格，但我无法让它工作。所以如果有人知道如何解决这个问题，我会非常感激。图片如下：完整代码： <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&

我试图将用户输入进一步向右移动，因为边框会截取文本，使其看起来不整洁。我试图让它在文本前有一个空格，但我无法让它工作。所以如果有人知道如何解决这个问题，我会非常感激。图片如下：

完整代码：

<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>
            Welcome!
        </title>
    </head>
    <style>
        html {
            background-color: cadetblue;
            font-family: Blippo, fantasy;
        }
        .welcomes {
            font-size: 80px;
            font-weight: 900;
            margin-top: 10%;
            color: white;
        }
        .name {
            width: 38%;
            margin-left: 32%;
            height: 30px;
            border-radius: 25px;
            border-color: white;
            outline: none;
            caret-color: cadetblue;
        }
    </style>
    <body>
        <div class="welcomes">
            <center>
            Welcome!
            </center>
        </div>
        <br>
        <br>
        <input type="text" class="name" style="font-family: Blippo, fantasy; color: cadetblue; font-size: 25px;" placeholder=" Please Enter Your Name To Continue!">
    </body>
</html>


欢迎
html{
背景色：卡德蓝；
字体系列：Blippo，fantasy；
}
.欢迎{
字号：80px；
字号：900；
利润率最高：10%；
颜色：白色；
}
.姓名{
宽度：38%；
左边缘：32%；
高度：30px；
边界半径：25px；
边框颜色：白色；
大纲：无；
插入符号颜色：卡德蓝；
}
欢迎

对输入标记使用

左填充


欢迎
html{
背景色：卡德蓝；
字体系列：Blippo，fantasy；
}
.欢迎{
字号：80px；
字号：900；
利润率最高：10%；
颜色：白色；
}
.姓名{
宽度：38%；
左边缘：32%；
高度：30px；
边界半径：25px；
边框颜色：白色；
大纲：无；
插入符号颜色：卡德蓝；
}
欢迎

在此输入代码为输入标记应用CSS样式

填充：12px 14px它的设置顶部和底部填充为12px，右侧和左侧填充为14px
<input type="text" class="name" style="padding:8px, 14px; font-family: Blippo, fantasy; color: cadetblue; font-size: 25px;" placeholder=" Please Enter Your Name To Continue!">