Textfeld im <td> oben links plazieren

neuling456

Grünschnabel
Hallo

Ich habe da ein Problem mit dem platzieren eines Textfeldes.
In einer Tabelle habe ich zwei Spalten, in der einen Spalte ist ein Textfeld, in der anderen eine Textarea.
Nun möchte ich das das Textfeld(linke Spalte), in der Zelle, ganz links oben Platziert wird, leider wird sie immer mittig platziert. Kann mir da jemand helfen?

HTML:
 <html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

</head>
<body>
    <style type="text/css">
        .divüeberschrift {
          text-align: center;
          font-size: 40px;
          font-weight: bolder;
          margin-top: 10px;
          margin-bottom: 10px;
        }

        .tableall {
          width: 700px;
          margin-left: auto;
          margin-right: auto;
          border-width: thin;
          border-style: solid;
        }
        .td-smal-two-lbl {
          width: 50%;
          padding-left: 10px;
          padding-top: 10px;
          font-size: 15px;
          font-weight: bold;
        }

        .td-smal-two-txt {
          width: 50%;
          font-size: 16px;
          font-weight: bold;
          padding-left: 10px;
          padding-top: 0px;
        }

        .inputidee {
          width: 260px;
          height: 22px;
          font-size: 16px;
        }
        .areaidee {
          height: 100px;
          width: 260px;
          font-size: 16px;
        }
    </style>
<div class="">
        <div class="divüeberschrift">Idee</div>
        <table class="tableall">

          <tr>
            <td class="td-smal-two-lbl">
              <Label>Titel / Themen</Label>
            </td>
            <td class="td-smal-two-lbl">
              <Label>Kurzbeschreibung</Label>
            </td>
          </tr>
          <tr>
            <td class="td-smal-two-txt">
              <input ID="txttitel" class="inputidee"></input>
            </td>
            <td class="td-smal-two-txt">
              <textarea id="txaidee" class="areaidee"></textarea>
            </td>
          </tr>
        </table>

</body>
</html>
 
Zurück