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

Home Forums CSS Having Difficulty Aligning Image To Text

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


    I’m having difficulty aligning an image to text. The text is sitting right underneath the text instead of right next to the text. Please help!

    Here is the CSS:

    .flex-container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;

           flex-wrap: wrap;
           min-width: 320px;
           max-width: 1220px;
        .image-item {
        height: 120px;
        width: 300px;
        background-color: #FFF;
     padding: 10px 0 0 10px;
            vertical-align: top;
            padding: 0 0 0 5px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        .info-container p{
            padding: 0;
            margin: 0 0 10px;

    And here is the HTML:

    do you realize that 51% of the population are female?

    Yes! You better believe it. 51% of the population are female. This makes more pertinent that the girl child is given more access to the classroom in order for her to compete with her mail counterparts. When the girl child is educated, she will be able to make a positive to the development of Ghana and to Ghanaian society at large. The nation’s health, social and economic advancement will be the better for it.

    Thanx in advance.


    Could you make a demo rather than just dumping code on us?


    Can you make it in codepen so we can advise you how to do?

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