Html 文本输入按钮不在一行上
我是CSS和HTML的初学者，对此我一无所知。我试过使用Html 文本输入按钮不在一行上,html,css,Html,Css,我是CSS和HTML的初学者，对此我一无所知。我试过使用max height、line height和line clamp都不起作用 HTML代码： 移除宽度：50px，使其正常工作。你的钮扣太短了 演示删除宽度：50px，使其正常工作。你的钮扣太短了 演示您的问题是，您的大部分宽度都来自填充。Padding就是它听起来的样子——用于框显元素的内部空白 这不能与边距相混淆，边距是元素周围的空白 要解决问题，您需要获得由width元素定义的可用宽度。这是目前设置为50px，这是不够大的文本。事
max heightline heightline clamp移除
宽度：50px演示删除
宽度：50px演示您的问题是，您的大部分宽度都来自填充。Padding就是它听起来的样子——用于框显元素的内部空白 这不能与边距相混淆，边距是元素周围的空白 要解决问题，您需要获得由width元素定义的可用宽度。这是目前设置为50px，这是不够大的文本。事实上，您看到整个单词“started”的唯一原因是您没有设置overflow属性
只需将
宽度：50px自动高度：50px
宽度：50px
你的问题是你从填充中获得了大部分宽度。Padding就是它听起来的样子——用于框显元素的内部空白 这不能与边距相混淆，边距是元素周围的空白 要解决问题，您需要获得由width元素定义的可用宽度。这是目前设置为50px，这是不够大的文本。事实上，您看到整个单词“started”的唯一原因是您没有设置overflow属性
只需将
宽度：50px自动高度：50px
宽度：50px
删除宽度！移除高度！此外，您在链接中添加了太多样式。开始删除不需要的样式。删除宽度！移除高度！此外，您在链接中添加了太多样式。开始删除不需要的样式。在
中使用填充顶部：15px
。btndiv p{color:#000}中使用填充顶部：15px
。btndiv p{color:#000}<head>
<link rel="stylesheet" type="text/css" href="stylesheet home.css">
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<body>
<div id="div1" style="height: 500px">
<p>Welcome to the FIFA tournament creator</p>
<a href="#" class="blue btn">Get Started</a>
</div>
</body>
</html>
@charset "utf-8";
/* CSS Document */
div
{
}
#div1
{
background-image: url(../Images/div1.png);
min-height: 440px;
font-size: 35px;
font-family: molengo, sans-serif;
font-weight: 600;
font-variant: normal;
font-style: normal;
color: #FFFFFF;
}
.btn {
background: #CCC;
color: #FFF;
display: inline-block;
border-radius: 3px;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
font-family: Arial, sans-serif;
padding: 0 3em;
text-decoration: none;
background: linear-gradient(#11A1D6,#0E86B2);
text-shadow: 1px 1px 1px #0E86B2;
height: 50px;
width: 50px;
-webkit-line-clamp: 1;
line-height: 1;
text-align: left;
}
.blue.btn {
background: linear-gradient(#11A1D6,#0E86B2);
text-shadow: 1px 1px 1px #0E86B2;
}
.btn:hover {
box-shadow: inset 0 1px 1px rgba(255,255,255,0.2),
inset 0 1.5em 1em rgba(255,255,255,0.3);
}
.btn:active {
box-shadow: inset 0 1px 1px rgba(255,255,255,0.2),
inset 0 1.5em 1em rgba(0,0,0,0.3);
}