Question: Trying to align text elements as shown in the image below:

[![enter image description here](https://i.stack.imgur.com/EdcmS.png)](https://i.stack.imgur.com/EdcmS.png)

How to do it in Jetpack Compose?

Normally I would use a Linear Layout with vertical orientation and TextViews with a `rotation of 90`. Wondering how to achieve this in compose.

Answer: 
*compose\_verion: `1.0.0-beta02`*

To rotate an element you can use `Modifier.rotate()` modifier

```kotlin
Column {
     Text(text = "text", modifier = Modifier.rotate(-90f))
     Text(text = "text", modifier = Modifier.rotate(-90f))
     Text(text = "text", modifier = Modifier.rotate(-90f))
}

```
I didn't find a way to have a "wrap\_content" after rotation but I hope it helps:

```
Column (...) {
    Text("Element 1",
        style = TextStyle(textAlign = TextAlign.Center),
        modifier = Modifier
        .drawBackground(color = Color.Red)
        .padding(16.dp)
        .size(20.dp, 100.dp)
        .drawLayer(
            rotationZ = -90f
        )
        .size(100.dp, 20.dp)
    )
}

```