inline display does not work!

Question

inline display does not work!

Navigation

#1 by (0 votes)

1

I would like it to look like this:

But,itlookslikethis:

csscode:

.ro{text-align:center;display:inline;}

Codephp:

<divclass="ro">
    <div class="col-4 text-center">
        <p>_______________________________________</p>
        <p>Coordenador Pedagógico</p>
    </div>
    <div class="col-4 text-center">
        <p>_______________________________________</p>
        <p>Gestor</p>
    </div>

css

asked by anonymous 11.12.2018 / 03:16

1 answer

Doubt Apache POI (Python + PyQt5) How to close one window after opening another?

score 0 · Accepted Answer

There are a number of ways to work around this, I'll give you the one I think is simpler than putting the two div of class .ro inside a container with felx . The flex will make the two div side by side, and with justify-content: center; you align everything in the center

See the code:

.ro{
  text-align: center;
  display: inline;
  margin: 10px;
}
.container {
  display: flex;
  justify-content: center;
}

<div class="container">
  <div class="ro col-4 text-center">
      <p>_______________________________________</p>
      <p>Coordenador Pedagógico</p>
  </div>
  <div class="ro col-4 text-center">
      <p>_______________________________________</p>
      <p>Gestor</p>
  </div>
</div>