Previewing Your Image

1. Navigate to https://demo.kontrolit.net

2. Click the desired image and a tool bar with a lot of option will come on top of the image. it has tools that allow you to change how the image interacts with other blocks of content around it and the user.

3. The first button is the "In Line " and this makes sure the button is in line with all the all the text and is straight.

4. This icon centers the image giving it breathing space. This creates space between the image and the text ultimately making it more clean and aesthetically pleasing.

5. The side image button moves the text to one side and the image to another side. This diversifies the ways in which you can present images when creating content like blog articles, galleries and news etc.,

6. Wrap text allows the text to automatically wrap around the image allowing you to write anywhere around the image.

7. Break text behaves similarly to centered images but it allows you to offset the image to either the right side or the left side of the page.

8. "Toggle caption on" this allows you to add a caption to your image which can help you describe the image and add other relevant information below it such as date, location and credits.

9. The text alternative icon allows you to convey the "why" of the image as it relates to the content of a webpage.

10. Click this icon when your text alternative is added.