CSS/HTML - Wie man innere Polsterung im inneren-Eingang?

Wenn ich versuchen, eine Polsterung ist nicht mehr. Es bewegt sich auf die andere Seite.

Wie kann ich den Abstand der textbox-Eingabe, so dass es immer noch ausgerichtet-center?

CSS:

table {
  text-align: right;
}
#textfield {
  float: left;
}
.textbox { 
  font-family: Arial, Helvetica, sans-serif;
  background: rgba(255, 255, 255, 0.44); 
  color: #333; 
  border: 1px solid #A4A4A4;
  padding-left: 5px;
  line-height: 1; 
  width: 225px; 
  height: 18px;
  border-spacing: 8px;
}

HTML:

<table width="450" border="1" cellspacing="3" cellpadding="3">
  <tbody>
    <tr>
      <td width="225"><label>First Name:</label></td>
      <td width="225">
        <input class="textbox" type="text" name="textfield" id="textfield">
      </td>
    </tr>
  </tbody>
</table>

  • Danke Oriol! Können Sie dazu beitragen, eine mögliche Lösung?
  • Bitte klären Sie Ihr problem oder weitere details zu markieren, genau das, was Sie brauchen. Wie es derzeit geschrieben, für mich ist es schwer zu sagen, genau das, was Sie gefragt haben.
InformationsquelleAutor Said Nematov | 2014-09-23
  1. 14

    Können Sie versuchen, hinzufügen

    .textbox { 
  box-sizing: border-box;
}

    CSS:

    table {
  text-align: right;
}
#textfield {
  float: left;
}
.textbox { 
  font-family: Arial, Helvetica, sans-serif;
  background: rgba(255, 255, 255, 0.44); 
  color: #333; 
  border: 1px solid #A4A4A4;
  padding-left: 5px;
  line-height: 1; 
  width: 225px; 
  height: 18px;
  border-spacing: 8px;
  box-sizing: border-box;
}

    HTML:

    <table width="450" border="1" cellspacing="3" cellpadding="3">
  <tbody>
    <tr>
      <td width="225"><label>First Name:</label></td>
      <td width="225">
        <input class="textbox" type="text" name="textfield" id="textfield">
      </td>
    </tr>
  </tbody>
</table>

    InformationsquelleAutor Oriol
Schreibe einen Kommentar