无法使文字停留在我想要的位置

时间:2019-03-19 10:10:07

标签: php html css

          <div id="Oppdater">
          <form method='POST'>
          <?php
include 'kobling.php';
if(!isset($_SESSION['Brukernavn'])){
  header("Location: LoggInn.php");
  exit();
}
 $sql = "SELECT * FROM kunde WHERE Kunde_id='$_SESSION[Kunde_id]'";
 $resultat = $kobling->query($sql);

 while($rad = $resultat->fetch_assoc()){
   $Kunde_id = $rad["Kunde_id"];
   $Fornavn = $rad["Fornavn"];
   $Etternavn = $rad["Etternavn"];
   $Adresse = $rad["Adresse"];
   $Land = $rad["Land"];
   $stat = $rad["stat"];
   $Post_nr = $rad["Post_nr"];
   $mobil = $rad["mobil"];
   $Brukernavn = $rad["Brukernavn"];

   echo "<input type='hidden' name='id' value='$Kunde_id'>";
   echo "Username<input type='text' name='nyBrukernavn' value='$Brukernavn'>";
   echo "First name<input type='text' name='nyFornavn' value='$Fornavn'>";
   echo "Last name<input type='text' name='nyEtternavn' value='$Etternavn'>";
   echo "Adress<input type='text' name='nyAdresse' value='$Adresse'>";
   echo "Country<input type='text' name='nyLand' value='$Land'>";
   echo "Province<input type='text' name='nyStat' value='$stat'>";
   echo "Postal Code<input type='text' name='nyPost_nr' value='$Post_nr'>";
   echo "Phone Number<input type='text' name='nyMobil' value='$mobil'>";
}
           ?>
         <input class="LoggInnRegistrerKnapp" type='submit' name='endre' value='Update' style="margin-top:10px;">
         </form>
      </div>

CSS->

#Oppdater{
  border-style: solid;
  border-width: thick;
  max-width: 500px;
  margin: auto;
  margin-bottom: 20px;
  padding: 25px;
  background: rgb(135, 0, 0);
}

#Oppdater input{
  padding: 3px;
  width: 200px;
}

#Oppdater form{
  width: 300px;
  margin: auto;
}

input{
  padding: 10px;
  margin: auto;
  width: 250px;
  display: block;
  font-size:20px;
}

我似乎无法将输入标签之前的文本放在输入的左侧而不是顶部。我已经粘贴了HTML和相应的CSS部分。 我尝试了一些不同的方法,但似乎没有任何效果。我还在底部的我的网站上包括了它的外观图片。

enter image description here

1 个答案:

答案 0 :(得分:0)

尝试使用此CSS代码

#Oppdater{
  border-style: solid;
  border-width: thick;
  max-width: 500px;
  margin: auto;
  margin-bottom: 20px;
  padding: 25px;
  background: rgb(135, 0, 0);
  text-align: left;
}


#Oppdater input{
  padding: 3px;
  margin-top:-25px;
  margin-bottom:25px;
}

#Oppdater form{
  width: 460px;
  margin: auto;
}

input{
  padding: 10px;
  margin: auto;
  width: 250px;
  display: block;
  font-size:20px;
}