How to float an image in Gutenberg

There are two methods, which can be used:

Method 1

Add Classic block, and insert, as the only element, a right aligned image, into that block. Add other blocks, after the Classic block.

Method 2

Add Image block, and add alignright class, in Advanced setting of this block. Follow that Image block by other blocks.

I also discovered you can’t insert an image from a relative URL in
Gutenberg.

Media Library always provides full URL of the image. After the image is inserted, switch from Visual Editor to Code Editor, and edit src attribute of img element to use a relative URL.

Related Posts:

  1. Edit srcset and sizes attributes in Gutenberg image, cover and gallery – blocks
  2. How to check if a WordPress core block is active in sidebar
  3. What is the meaning of WordPress’s recommended css classes and where are they applied?
  4. Custom image size vs CSS sizing
  5. WordPress Animation Adjustments
  6. Is there a way to add classes to a page when using a Gutenberg reusable block as page layout?
  7. Images use & location, on new wordpress theme
  8. Any disadvandages if I style the wordpress align classes without img and .wp-caption prefix
  9. Align images to the left of the content
  10. Image and font support missing in editor when deploying theme remotely
  11. How to add custom css file in theme?
  12. How important is it to enqueue a theme’s stylesheet?
  13. CSS not updating in browser when I change it
  14. The the_post_thumbnail without srcset?
  15. Enqueue Stylesheets After Theme’s “rtl.css”
  16. Are the WordPress Core CSS styles really all nessesary?
  17. Any alternate TinyMCE4 themes / subthemes?
  18. Why I can’t add a CSS style in this WordPress theme?
  19. Can’t get staging site to display same way as live site. Completely stumped
  20. How to make a theme with more than one CSS file?
  21. wp_get_attachment_image_attributes not working for me
  22. Specify image dimensions
  23. How to edit an existing WordPress theme? [closed]
  24. Add colors to existing color palette without replacing it
  25. use add_action(‘wp_head’) in a widget for generating dynamic CSS styles
  26. Confused about image sizing business in WordPress
  27. How do I get gallery thumbnail URL and change the default thumbnail size?
  28. Can you filter posts by meta key with the getEntitityRecords selector?
  29. Responsive class to all the images in the content
  30. Adding dashicon fonts to the admin of pre 3.8 installs
  31. Custom CSS In Uploads Folder
  32. Modify the Additional CSS section (adding a disclaimer)
  33. Cannot get full thumbnail size using the_post_thumbnail
  34. WordPress Gutenberg Theme: Structure, Hierarchy and Custom Templates
  35. wp_get_attachment_image_src() width and height boolean
  36. Custom CSS without css.php file
  37. Media Uploader in custom path
  38. Can’t select my block by clicking on it
  39. create-guten-block in wordpress theme?
  40. Is it possible to edit the styling of the admin panel from within a custom theme?
  41. Why an arugment is missing in wp_get_attachment_image_attributes?
  42. Theme Loading Into Dashboard
  43. attachment.php code or tutorial
  44. Change “Thumbnail”, “Medium” and “Large” image sizes using functions.php?
  45. Using PIE CSS in WordPress. “localizing” styles
  46. Which html elements should be styled in wordpress theme
  47. Default image size not working
  48. How do you replace content generated by custom fields with custom blocks in Block Editor?
  49. WordPress Media Uploader in page template (On Front-end)
  50. Why doesn’t my css work when I check my theme on mobile devices? [closed]
  51. WordPress Unite Theme: Footer isn’t sticking [closed]
  52. How do I include pre-installed images in a theme?
  53. How can I add custom text styles to the visual text editor?
  54. Changing Header Image Every N Minutes/Seconds
  55. Custom Blocks as part of a theme
  56. Do not display post images on front page
  57. Combining CSS files into a single cached one
  58. How to change footer or for different kinds of users in wordpress?
  59. How do I use a color from theme options?
  60. Getting Different Size Of Attachment Images
  61. Ideal inline dynamic CSS injection
  62. How to show a manageable list of images on a post?
  63. How to disable thumbnail filter for a specific template part or image size?
  64. JQuery undefined and Stylesheet loads in bottom along with js files
  65. Are seven additional image sizes are too many?
  66. Remove link on full-size images
  67. How do I use wp_nav_menu?
  68. How to add InnerBlock multiple times in the same block
  69. Assign custom classes to the divs inside the loop
  70. How to fix WordPress images not showing up in local hosted XAMPP server?
  71. Some doubts about WordPress handle the horizontal main menu visualization
  72. header, stylesheet not being read
  73. Change Image Sizes for Mobile Theme
  74. How can I scale down the width of images in bulk that are embedded in posts throughout the site?
  75. .current_page_ancestor broken in Twenty Eleven
  76. Designing a custom archive.php inspired by the Autofocus theme
  77. Displaying images outside the content
  78. Is there a list of default generated Gutenberg block CSS? Unable to align video blocks
  79. Show popover with url and option to open in new window
  80. How to Modify WP_Includes/blocks/latest_posts.php
  81. How to render block editor in wp-admin custom pages programmatically
  82. How do I change the color of individual page titles in WordPress?
  83. Posts Page shows Classic Editor interface not Gutenberg
  84. How to reduce the vertical space above and below a ul list uniformly with one command?
  85. Implementing Scrollable Images
  86. How to display only the first two elements from ten same elements
  87. Necessary css classes to be included in theme stylesheet
  88. Uncaught Reference error in Retina.js
  89. WordPress Customization API overwrite LESS variable
  90. Create image with imagepng() (fails at header)
  91. How can I fix the even/odd child classes comments so that the comments are unaffected by the top-level even/odd?
  92. Custom image size doesn’t work
  93. Retina ready for uploaded images which are cropped
  94. Add rel to all images in a post
  95. Setting different CSS for all pages except home.php
  96. How customizable is a self-hosted WordPress blog compared to a Blogger blog?
  97. Is there any filter or action hook to remove layout classes from appearing in my templates?
  98. WordPress search field won’t get wider
  99. When trying to run build script with gutenberg (with SVG import) – Error: Plugin name should be specified
  100. Block to show posts from same category