moving a picture to the right in html

I'm doing a portfolio for freecodecamp and i'm trying to get my image and the the phrase side by side, picture on the right and description on the left. How do i line them up next to each other and keep them the same distance even when I shrink the page?

I'm trying to copy and paste the html but when I do it puts my page here, not the code.

See also questions close to this topic

I am trying to build an angular project .
In my project I want to show a list of books ,I have a SmallBookView Component for a single book and I want to use ngFor to show many other books./
however after every 3 books I need to add a div to separate this books,
In the end it should look like so

I have a div which contains a list. This list contains multiple drop-down elements. When the drop-down elements towards the bottom of the list are selected, the list expands in size to accommodate for these new elements. However, these elements are also hidden unless the user scrolls down to click on them. The preferred solution would be having the drop-down elements appear above all others on the list. However, attempting to do this through z-indexing and absolute/relative positioning doesn't appear to work no matter what combination I attempt. Is there any fix to this problem that I am missing?

A solution I am considering is using javascript to generate a similar drop-down menu above all the other divs. Unfortunately, I am not sure on how to begin doing this. If anyone has any ideas on how, please let me know.

I'm not sure if this is possible, I want to create mixin which will set text color based on background, it seems easy if you have one color, what about two colors, is it executable to change a color of a half of a text ?