CSS style of irregular text layout for div css webpage creation

In webpage design, we will encounter many unexpected situations. The layout of irregular texts is one of them. How should we face such typographical requirements? How can I write CSS code?
In this case, we usually have two options:
1. Use images to create links and apply hot zones. This method can easily solve the problem, but it is unfriendly to search engines. It does not know what you have here.
2. Flash can also be used to add dynamic effects. In addition to being unfriendly to search engines, there is also a risk that users may install flash playback plug-ins, and the shielding of flash files by the browser.
These two methods are not reliable. They cannot be shown to play their role in special online devices.
We can consider using div + css to complete it. The main idea is to use different containers to locate the containers. Although this is complicated and not conducive to later update and maintenance, it can have a great effect: fast display speed and more semantics, suitable for a variety of Internet devices, SEO is more friendly to search engines.
How can we create irregular text layout. We can define a container on the homepage and set a certain background image. In this container, we add different container labels, such as h1, span, div, and p. If your text semantics is clear and the link is important, we recommend that you use the h1 tag directly.
Apply different styles to the h1 tag and set different margin values for positioning. If necessary, set the z-index attribute to change its stack structure. Continuous adjustments and improvements can be completed. For details about the margin attribute, refer to here.