Я хочу, чтобы iframe и textarea были рядом друг с другом и располагались по центру. Как я могу это сделать?

Question

Я хочу, чтобы iframe и textarea были рядом друг с другом (представьте квадрат с линией посередине), и я хочу, чтобы он был как бы посередине. Как я могу это сделать ??

iframe{
    width: 80%;
    height: 20vh;

}

textarea{
  width: 80%;
  height: 20vh;

}

Answer 1

Заключите их в div следующим образом:

<div>
  <iframe>
  </iframe>

  <textarea>
  </textarea>
</div>

, затем добавьте css:

div {
 display: flex;
 justify-content: center;  /* centers the children */
}

, а затем задайте границы и остальное, как вы хотите:

https://jsfiddle.net/5znvwj0g/1/

Answer 2

Я не уверен, что вы подразумеваете под квадратом с линией посередине;но я могу показать вам, как поместить текстовую область и iframe рядом.

iframe{
width: 70%;
height: 20vh;
display:inline;
 }

 textarea{
 width: 20%;
height: 20vh;
display:inline;
  }

В зависимости от желаемого соотношения просто измените ширину. Удостоверьтесь, что не сделали это 100%, потому что вы должны учитывать отступы и т. Д.