![madcap scout madcap scout](https://media.fortniteapi.io/images/2542d4a303328c78fb712995263baa05/background.v2.png)
If my p.ClearFloat is the right way to do it, is there anything you can do in Flare to add a comment to a paragraph which shows in the IDE but not in the output? Something on the lines of "Delete this paragraph at your own peril." Perhaps my p.ClearFloat is the right way to do it but I'd appreciate your thoughts on it.
![madcap scout madcap scout](https://cdn.vox-cdn.com/thumbor/nS7Na4QzxdS_1W7_9CsNDWnSO8w=/166x0:2833x2000/1200x900/filters:focal(166x0:2833x2000):no_upscale()/cdn.vox-cdn.com/uploads/chorus_image/image/62458204/Mammoth_Espresso_0442.0.0.0.jpg)
I'm looking for the best practice then how I would clear the float. Is that what you would do to clear the float? At the moment mine is in an empty paragraph and there is the risk that I could delete it, seeing that it is empty and thus other paragraphs would float, not what I want to do. I then added some other normal style paragraphs and they immediately continued after the image, exactly what I was hoping it would do. When I wanted to stop the float I added another paragraph and set its style to p.ClearFloat. I started editing the paragraphs that I wanted to float. Here's what I tried: I added a p.ClearFloat class containing only clear:both I couldn't quite work out the best way to clear the float and that's where you could advise me. I also added a padding-right:40px as well to put a little "breathing space" betwixt the image and paragraph text. When I added new paragraphs they did indeed float to the right of the image on the page. I created an img.LeftFloat and added the float:left option.
![madcap scout madcap scout](https://comic-watch.com/wp-content/uploads/2018/02/Deadpool294-4-75069025-1518973465482.jpg)
I think (drum roll rrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr boom, tish) that I have managed to do it. Tom, ta so much, old bean, for that link and the information. However, if you are not concerned about the text flow, you do not need to specifically clear every float that you use, just float the image and let the text flow on. You can clear left, right, or both, but you may as well clear both so that if needed, you can use the same style after any floated image, whether it is floated left or right. you have a heading for a following section that you want to move underneath the image), you'll need to set the clear property in the style for that element. Īs you have quite a tall image, if at any point you want to stop subsequent elements from moving up to the right of the image (e.g. Then all text (and any other elements) that follow the image will start on the right of the image, level with the top, and will fill the space to the right. To use the float style, apply it to your image. using a border), you can just copy that class, paste it, extend the name to indicate that it floats left or right, and then set the float property. If you already have a particular style for your images (e.g. You can then use that style for any image that you want to float. Just create a new image class, give it a name to indicate whether it floats left or right, then set the float property appropriately. You would indeed set up an additional image style that incorporates float. The rules for using floats are not complicated, so you won't need to learn pages of code. The float property is very useful, so it is worth investing some time to get to grips with it.