Text size in div

Asked

Viewed 74 times

0

I have a text inside a div and it does not go to the end of it and I would like that to happen, the text is the one that is positioned to the right of the page next to the larger image. I created a generic div to run some tests.

A div with its original configuration:

.one-fourth {
    width: 20.5%;   
    max-width: 220px;
}

I did the math, but I couldn’t.

The div with my amendment

.one-fourth-pers {
    width: 40.5%;   
    max-width: 220px;
}
.column-last { 
    margin-right: 0 !important;
}

The site in question is this: Product details page

1 answer

1


try to make the following class change. one-Fourth by removing max-width.

.one-fourth-pers {
    width: 40.5%;
    /* max-width: 220px; */
    float: left;
}
  • Hello @user2363, now the text is on a line but it was below the image, see: http://www.moveissaobento.com.br/msb/details.php?producto=432&dep=3&subdep=34

  • 1

    you forgot to add a left floar to class . one-Fourth-Pers

  • Thanks, @user2363, I have suffered a lot with this responsive layout, I appreciate the help, the result was excellent.

  • if you have interrese, you take a look at the implementation of the Zurb Foundation. may help you better understand the functioning of a responsive layout. http://foundation.zurb.com/

  • Sure, I have interest yes and thanks again for the excellent tip.

Browser other questions tagged

You are not signed in. Login or sign up in order to post.