Textboxes next to eachother

1

Hi there,

I am working on a Pressbooks and I want to be a little creative- color and spacing and such.

Is there a way I can place two text boxes next to each other? as in side by side.

I tried to align left and right, which didn’t work.

I had a friend who is good at CSS/HTML make me some mock code, which also just resorted to textboxes on top of each other instead of on the left and right.

Thanks

2

Hello, Sophia! If the boxes are roughly the same size, the columns shortcode would likely work for this. Here’s an example from one of our books:

image
image871×339 21.5 KB

The code used is just a simple:

<div class="twocolumn">
<div class="textbox" style="margin-top:0;">Textbox content here</div>
<div class="textbox">Textbox content here</div>
</div>