Search code examples
htmlcsstextboxword-wrap

L shaped text box on a website


I am trying to create the following text box design on a website. I could use images for the white boxes, but the issue is that I am not sure how to create an L shaped text area where the words wrap and fit nicely into those white boxes.

Does anyone know how to achieve this, or point me to the right direction to investigate?

enter image description here


Solution

  • Try CSS Exclusions.

    CSS Exclusions define arbitrary areas around which inline content can flow. CSS Exclusions can be defined on any CSS block-level elements. CSS Exclusions extend the notion of content wrapping previously limited to floats.

    They are specifically related to word-wrap.