How to align a div with inline-block display?

Question

I have a news feed that consists of two Divs inline-block.

1° - The first contains the headline and image of the news (left).
2° - The other the content of the news (right).

I wish that even the paragraphs of the news content vary from news to news, which aligns itself to the center of the div left-wing.

Something like that:

How can I get this result ? (sorry for the photoshop Skillz Mad)

Answer 1

Hello,

you can place them aligned side by side using float. Then the width will be respected, and no matter how much text you put in the right div.

Follow an example of code:

    <div class="div-esquerda">
       img and titulo
    </div>

    <div class="div-direita">
       linhas e linhas de conteudo
    </div>

    <style type="text/css">
       .div-esquerda {
          width: 40%;
          float: left;
       }

       .div-direita {
              text-align: center;
              float: right;
              width: 55%;
       }