# Align the checkbox and label in the same line

**URL:** <https://forum.ionicframework.com/t/align-the-checkbox-and-label-in-the-same-line/139594>\
**Category:** Appflow\
**Created:** [August 24, 2018, 1:36pm UTC](https://forum.ionicframework.com/t/align-the-checkbox-and-label-in-the-same-line/139594 "2018-08-24T13:36:11Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![eraldguri](https://avatars.discourse-cdn.com/v4/letter/e/3ec8ea/32.png) [@eraldguri](https://forum.ionicframework.com/u/eraldguri)\
**Post date:** [August 24, 2018, 1:36pm UTC](https://forum.ionicframework.com/t/align-the-checkbox-and-label-in-the-same-line/139594/1 "2018-08-24T13:36:11Z")

</div>

Hello I’m new to ionic! I’m having trouble to align the checkbox and label in the same line.  
 ![Screenshot%20from%202018-08-24%2015-32-20](https://global.discourse-cdn.com/ionicframework/original/3X/2/5/25979e241c2247727f6a9fddb61910a87a58ad00.png)

Here is my Html code:  
\<ion-item\>

\<input type=“checkbox” name=“checkbox” value=“checkbox” id=“checkbox”\>

\<label style=“font-size:9px;color: #a0a0a0;vertical-align: middle;” \>

\<li\> Autorizzo il trattamento dei miei dati personali ai

sensi del\<li\> \<li style=“text-align: left;”\>Dlgs 196 del 30 giugno 2003\<li\>

\</label\>

\</ion-item\>

---

<div class="post-metadata">

**Author:** ![vcass](https://avatars.discourse-cdn.com/v4/letter/v/8c91f0/32.png) [@vcass](https://forum.ionicframework.com/u/vcass)\
**Post date:** [August 24, 2018, 1:44pm UTC](https://forum.ionicframework.com/t/align-the-checkbox-and-label-in-the-same-line/139594/2 "2018-08-24T13:44:52Z")

</div>

Use ion grid properties. You can use one row and two columns.

> **[Ionic Framework](https://ionicframework.com/docs/api/components/grid/Grid/)**
>
> Ionic is the app platform for web developers. Build amazing mobile, web, and desktop apps all with one shared code base and open web standards

---

<div class="post-metadata">

**Author:** ![mhartington](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mhartington/32/137757_2.png) [@mhartington](https://forum.ionicframework.com/u/mhartington)\
**Post date:** [July 19, 2021, 9:22pm UTC](https://forum.ionicframework.com/t/align-the-checkbox-and-label-in-the-same-line/139594/3 "2021-07-19T21:22:39Z")

</div>

Closed on July 19, 2021, 9:22pm UTC