#Can someone write a code to align the text from the image

16 messages · Page 1 of 1 (latest)

pastel dock
#

to align the text, we need ur code

ivory cipher
#

can you code it

pastel dock
#

good? @ivory cipher

image.png
ivory cipher
#

yes perfect

pastel dock
# 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Form Alignment</title>
<style>
  body {
    font-family: Arial, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
    background-color: #f7f7f7;
  }
  .form-container {
    display: flex;
    justify-content: space-between;
    width: 80%;
    background: white;
    padding: 20px;
    border: 1px solid #ccc;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }
  .form-section {
    width: 45%;
  }
  .form-section label {
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
  }
  .form-section .input-group {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
  }
  .form-section .input-group input {
    margin-right: 10px;
  }
</style>
</head>
<body>
image.png
ivory cipher
#

Thanks

pastel dock
# 

<div class="form-container">
  <div class="form-section">
    <label>Gender Identity? *</label>
    <div class="input-group">
      <input type="checkbox" id="male" name="gender" value="male">
      <label for="male">Male</label>
    </div>
    <div class="input-group">
      <input type="checkbox" id="female" name="gender" value="female">
      <label for="female">Female</label>
    </div>
    <div class="input-group">
      <input type="checkbox" id="trans-male" name="gender" value="trans-male">
      <label for="trans-male">Trans Male/Trans Man</label>
    </div>
    <div class="input-group">
      <input type="checkbox" id="trans-female" name="gender" value="trans-female">
      <label for="trans-female">Trans Female/Trans Woman</label>
    </div>
    <div class="input-group">
      <input type="checkbox" id="genderqueer" name="gender" value="genderqueer">
      <label for="genderqueer">Genderqueer/Gender Non-Conforming</label>
    </div>
    <div class="input-group">
      <input type="checkbox" id="self-describe" name="gender" value="self-describe">
      <label for="self-describe">Prefer to self-describe, please specify:</label>
    </div>
    <div class="input-group">
      <input type="checkbox" id="prefer-not-to-say" name="gender" value="prefer-not-to-say">
      <label for="prefer-not-to-say">Prefer not to say</label>
    </div>
  </div>
# 


  <div class="form-section">
    <label>Race/Ethnicity (Please select all that apply): *</label>
    <div class="input-group">
      <input type="checkbox" id="american-indian" name="ethnicity" value="american-indian">
      <label for="american-indian">American Indian or Alaska Native</label>
    </div>
    <div class="input-group">
      <input type="checkbox" id="asian" name="ethnicity" value="asian">
      <label for="asian">Asian</label>
    </div>
    <div class="input-group">
      <input type="checkbox" id="black" name="ethnicity" value="black">
      <label for="black">Black or African American</label>
    </div>
    <div class="input-group">
      <input type="checkbox" id="hispanic" name="ethnicity" value="hispanic">
      <label for="hispanic">Hispanic or LatinX</label>
    </div>
    <div class="input-group">
      <input type="checkbox" id="native-hawaiian" name="ethnicity" value="native-hawaiian">
      <label for="native-hawaiian">Native Hawaiian or Other Pacific Islander</label>
    </div>
    <div class="input-group">
      <input type="checkbox" id="white" name="ethnicity" value="white">
      <label for="white">White</label>
    </div>
  </div>
</div>

</body>
</html>
ivory cipher
#

Thank you so much

#

How can I delete this now

pastel dock
ivory cipher
#

yea

#

because this is done

pastel dock
ivory cipher
#

can you delete it on ur side