the answer should be next to the photo not below it.
You should wrap the attribute values in double quotes, like <div class="container-fluid">
. Then click the little arrow in the HTML editor and hit “Tidy HTML”. Somehow, it seems to solve your problem, but I don’t understand why.
<div class = container-fluid>
needs to be <div class="container fluid">
Your class needed to be in double quotes, its very important.
- theirs no container element
- You have container fluid twice
- you could use
text-align: center
for centering all of that - Do you have bootstrap 4 added on to your codepen? Its not automatic.
<div class="container">
<div class="container-fluid">
<div class="row">
<div class="col-md-6">
// item goes here
</div>
</div>
</div>
</div>
I could be wrong, but that is how i did it.
It’s because of two non-breaking space characters at line 29 (right before the div). They are making it wrap on a new line:
That’s why the “Tidy HTML” solves it.
Wait, how did it even get there? Somehow OP’s code inserted
s in the page?
Mmh… They are mostly equivalent to a “tab” so maybe the OP was working somewhere else and the copy-pasting somehow got the two non-breaking spaces over with it? Never happened to me before, but could be a possibility.
Edit: There are others
right before the <form>
after the <figcaption>
(line 12-13):
Thanks for help me