Forums

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
    Posts
  • #284410
    kwasik
    Participant

    Hello

    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;
        }
    
        .info-container{
            display:block;
            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.

    #284412
    Paulie_D
    Member

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

    #284521
    LearnTheNew
    Participant

    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.