How to make seperate text/image boxes?

[High Warden]

Alright, so I am trying to get something like this:

But all I got so far is this:

test test test test

[div align="right" style="width:270px;border:10px solid #111111;background-color:#D3D3D3;padding:5px;font-family:arial;font-size:10px;color:#000000;margin:5px;"]test test test test[/div]
How can I make a seperate box beside it and above as pictured?

[Chris]

There are certain CSS propertyValues in current CSS that are not supported in Proboards BBCode (there is a plugin called Style Tags to fill in that gap for those unsupported ones such as position, display, flex grids, box-sizing, etc.) so using native BBCode will get you a close approximation but not a perfect one when it comes to DIVs.

Using DIVs

Title Text

Left panel

Right panel

The old school option of using tables however is still possible using BBCode

Using TABLEs

Title Text
left panel	right panel