The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums Design Problems with locating image and text side by side

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #271856

    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.


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


    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: is what you need.

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘Design’ is closed to new topics and replies.