Problems with locating image and text side by side

[quocdat32461997]

I have worked on placing the image (at li id=”2_article”), however, the code still does not work.
I am new to html and css, so I am not sure what is the error. I am grateful for help.

The code is in the below link.
https://codepen.io/quocdat32461997/pen/gKbXOx

[yeeyang]

I think there are a few ways to solve this but the most ‘traditional’ way is to float the image section to the left.

[chris_2080]

Add float: left; and margin-right: 10px; to section.article_image

remove one of the p.article_preview selector and define it like:

p.article_preview {
  display: block;
  font-size: 30px;
}

remove float: left; from h3.article_title

and define .article a { text-decoration: none; }

if this: https://codepen.io/chris3000/pen/JZdxMw is what you need.

[Author]

Posts