Arrange two checkboxes in same table cell vertically

Question

I'm wondering if possible to arrange two checkbox input fields vertically in same td cell? Below is example, there both of input fields are next to each other.

<table>
  <tr>
      <td>
           <input type="number" />
           <input type="checkbox" name="ck1" id="ck1">A
           <input type="checkbox" name="ck2" id="ck2">B
      </td>
  </tr>
</table>

Possible duplicate of [Make new lines in CSS in form for each label](https://stackoverflow.com/questions/25392197/make-new-lines-in-css-in-form-for-each-label) — showdev, Aug 25 '17 at 18:38
@showdev OP is asking about a `td` element, that question is about a form, and see the given answers there — Koby Douek, Aug 25 '17 at 18:41
@KobyDouek In my opinion, `` vs `
` is irrelevant here. The essence of the question is about putting inputs on separate lines, for which solutions appear in that post. Incidentally, your solution can be found there, too. — showdev, Aug 25 '17 at 18:42
@showdev OP there was asking about CSS, without using `
`, which is the obvious answer here — Koby Douek, Aug 25 '17 at 18:43
@KobyDouek Since there are many ways to achieve this, there is nothing "obvious" about any one particular method being "the answer". In my opinion, CSS is a more effective solution than `
`. If you don't agree, don't vote for the duplicate. — showdev, Aug 25 '17 at 18:46

Koby Douek · Answer 1 · 2017-08-25T18:54:14.063

3

How about using a simple <br> with using text-align:right on the <td>?

<table>
  <tr>
    <td style='text-align:right'>
      <input type="number">
      <input type="checkbox" name="ck1" id="ck1">A<br>
      <input type="checkbox" name="ck2" id="ck2">B
    </td>
  </tr>
</table>

edited Aug 25 '17 at 18:54

answered Aug 25 '17 at 18:38

Koby Douek

16,156
19
74
103

What if there is input text field as well? How that can be organized in that case? So there is input text and two checkbox in the same cell. – espresso_coffee Aug 25 '17 at 18:45
@espresso_coffee And you want each to be on a separate line? – Koby Douek Aug 25 '17 at 18:46
input text on the left and check box fields on the right on top of each other. – espresso_coffee Aug 25 '17 at 18:48
Then place your input text, then the checkbox, then break with `
`, then the 2nd line: input text, checkbox, etc. etc. – Koby Douek Aug 25 '17 at 18:49
I updated my question. You will see all 3 input fields on the same line. I want in this case two checkbox fields on top of each other. Input text would be on the left. – espresso_coffee Aug 25 '17 at 18:51

Arrange two checkboxes in same table cell vertically

1 Answers1