Two div'a in the row and built iframe that breaks the retreat of the next block



  • I've created two blocks. divI put them in the back and put them in one line through the atribut. display: table-cell♪ It's all right, it's fine, it's fine if you put the text inside the blocks: http://jsbin.com/sorenow/5/edit?html,css,output

    But I need to put it in the second block. iframeAnd here comes the fun... Derogations have risen: http://jsbin.com/yamaqij/3/edit?html,css,output

    Can you please tell me where to dig something to get rid of it? The pleier is perfectly fit in the block. Why did the next step on top?



  • Two ways to solve your problem:

    1. Add left column vertical-align: top
    2. Use the nets built on float's (in which case you will also need clearfix) or flex'e. I would recommend that.

    Why did the text go down? Look at the squeak and the red line:

    Скриншот

    The text is equated with that of the largest element in the table line.




Suggested Topics

  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2