I'm trying to center these two divs horizontally using bulma and it's just not responding. I've tried flex-row, justified center, align center and nothing it working. What else can I do about this?
<div >
<div >
<form>
<p>Name</p>
<input type="text" placeholder="First Name">
<input type="text" placeholder="Last Name">
<p>E-mail Address</p>
<input type="email" placeholder="E.g. '[email protected]'">
<p>Message</p>
<textarea placeholder="What's up?"></textarea>
<button >Submit</button>
</form>
<div>
<img src="" >
</div>
</div>
</div>
CodePudding user response:
<link href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.9.3/css/bulma.min.css" rel="stylesheet"/>
<div >
<div >
<form>
<p>Name</p>
<input type="text" placeholder="First Name">
<input type="text" placeholder="Last Name">
<p>E-mail Address</p>
<input type="email" placeholder="E.g. '[email protected]'">
<p>Message</p>
<textarea placeholder="What's up?"></textarea>
<button >Submit</button>
</form>
<div>
<img src="" >
</div>
</div>
</div>
CodePudding user response:
This will help you
<div >
<div >
<form>
<p>Name</p>
<input type="text" placeholder="First Name">
<input type="text" placeholder="Last Name">
<p>E-mail Address</p>
<input type="email" placeholder="E.g. '[email protected]'">
<p>Message</p>
<textarea placeholder="What's up?"></textarea>
<button >Submit</button>
</form>
<div>
<img src="" >
</div>
</div>
</div>
<div>
<img src="" />
</div>