how to do these in css?

Reading Diary The heading texts in the green box) should appear on the right side of that section of the page. The books I've read recently and my (and Wikipedia's) thoughts about them Winnie-the-Pooh by A. A. Milne In the Milne hooks, Pooh is naive and slow-witted, but he is also friendly, thoughtful and steadfast. Although he and his friends agree that he is a bear of very little hrain "Pooh is occasionally acknowledged to have a clever idea, usually driven by common sense. You can find this book at Toronto Public Library The Handmaid's Tale by Margaret Atwood After a staged attack that killed the President of the United States and most of Congress, a radical political group called the Sons of Jacobused quasi Christian ideology to launch a revolution. The United States Constitution was suspended, newspapers were censored, and what was formerly the United States of America was changed into a military dictaceship known as the Republic of Gilead. You can find this book at Toronto Public Library Margaret Atwood The journal entries' images should float on the right side next to the surrounding text. The images should stay within the bounds of their lime box; that is, they should not bleed into other content below them, which, probably is not what you get. Hint: the workaround is to set the image's containing block's (who?) "overflow" attribute to be 'auto' or 'hidden'. This makes the float elements fit correctly. Handmaid's Tale Ghost Knight by Cornelia Funke Jon's desperate quest to find out why the ghosts are after him leads him to the mystery of a centuries-old murder. Meanwhile, he is still pursued by the vengeful ghosts, so with the help of a new friend. Eilla, he summos a noble ghost Sir William Longspee, the Ghost Knight of the title to protect him. They finally uncover a complicated truth and right a grievous wrong