#Centering input [type=submit]

5 messages · Page 1 of 1 (latest)

modern widget
#

What are the methods for centering text in submit button?

image.png
dapper edge
#

I can't see enough of your CSS to generate your problem.

# 
<html>
<head>
  <title>Example</title>
  <style>
    form {
      font-weight: 600;
      text-align: center;
      width: 100%;
      background-color: lightblue;
    }
    
    ul {
      background-color: transparent;
    }
    
    li {
      color: red;
      list-style-type: none;
    }
    
    textarea {
      resize: none;
      background-color: transparent;
    }
    
    input[type=submit] { 
      width: 100%;
      background-color: transparent;
      border: 2px soild blue;
      border-radius: 10px;
      margin-top: 5px;
      padding: 10px 0;
    }
  </style>
</head>
<body>
  <form>
    <fieldset>
      <textarea></textarea>
      <ul>
        <li>Please add a message here</li>
      </ul>
<input type="submit" value="Send"/>
<input type= "submit" value="Send"/>
    </fieldset>
  </form>
</body>
</html>
```... this is as close as I can guess and I don't get the same issues.
#

But if I had to guess I'd edit this line of CSS:```css
input[type=submit] {
...
padding: 10px 0px 10px 0px;
}