# Radio buttons side by side

**URL:** <https://discourse.cakephp.org/t/radio-buttons-side-by-side/5356>\
**Category:** Need Help\
**Created:** [December 4, 2018, 8:23am UTC](https://discourse.cakephp.org/t/radio-buttons-side-by-side/5356 "2018-12-04T08:23:49Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![maldoror](https://avatars.discourse-cdn.com/v4/letter/m/c37758/32.png) [@maldoror](https://discourse.cakephp.org/u/maldoror)\
**Post date:** [December 4, 2018, 8:23am UTC](https://discourse.cakephp.org/t/radio-buttons-side-by-side/5356/1 "2018-12-04T08:23:49Z")

</div>

Using cakephp 3.6 I try to order radio buttons side by side instead of one on top of the other as its the default behavior. Any idea how to do this?

---

<div class="post-metadata">

**Author:** ![Diego](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.cakephp.org/diego/32/296_2.png) [@Diego](https://discourse.cakephp.org/u/Diego)\
**Post date:** [December 4, 2018, 4:52pm UTC](https://discourse.cakephp.org/t/radio-buttons-side-by-side/5356/2 "2018-12-04T16:52:52Z")

</div>

You can change the template for the form elements:

[https://book.cakephp.org/3.0/en/views/helpers/form.html#customizing-the-templates-formhelper-uses](https://book.cakephp.org/3.0/en/views/helpers/form.html#customizing-the-templates-formhelper-uses)

---

<div class="post-metadata">

**Author:** ![rajendra](https://avatars.discourse-cdn.com/v4/letter/r/8e8cbc/32.png) [@rajendra](https://discourse.cakephp.org/u/rajendra)\
**Post date:** [December 9, 2018, 6:49am UTC](https://discourse.cakephp.org/t/radio-buttons-side-by-side/5356/3 "2018-12-09T06:49:56Z")

</div>

You can do with html css. Check this URL: [https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs\_form\_radio\_inline&stacked=h](https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_form_radio_inline&stacked=h)