There are three columns with text, above each of which you need to put a picture in the center. All this then needs to be distributed evenly horizontally. I distributed the text, but I don’t know how to attach pictures to it.

Closed due to the fact that it is off-topic by the participants of the LFC , YurySPb ♦ March 25 at 14:41 .

It seems that this question does not correspond to the subject of the site. Those who voted to close it indicated the following reason:

  • “Questions asking for help with debugging (“ why does this code not work? ”) Should include the desired behavior, a specific problem or error, and a minimum code for playing it right in the question . Questions without an explicit description of the problem are useless for other visitors. See How to create minimal, self-sufficient and reproducible example . " - Yuriy SPb
If the question can be reformulated according to the rules set out in the certificate , edit it .

    1 answer 1

    You need to wrap the text and pictures in common blocks and then align the blocks horizontally.

    for example

    <div class="container"> <div class="block"> <img src="some_img.jpg"> <p>Text</p> </div> <div class="block"> <img src="some_img.jpg"> <p>Text</p> </div> <div class="block"> <img src="some_img.jpg"> <p>Text</p> </div> </div> <style> .container { display: flex; align-items: center; justify-content: center; } .block { width: 27%; text-align: center; } .block p { text-align: left; } </style>