J
Jayaraman
Guest
Jayaraman Asks: How to bring edit box, text, center to right side css?
edit box, text should be brought to the right side. I have tried many times and I am getting test only on left side.I have given the image below. Bring me like these i am new css html php devloper I want a bar in between How to fix this should be as in the image I am not trying to bring this right
edit box, text should be brought to the right side. I have tried many times and I am getting test only on left side.I have given the image below. Bring me like these i am new css html php devloper I want a bar in between How to fix this should be as in the image I am not trying to bring this right

Code:
<section class="content">
<ol class="breadcrumb">
<li><a href="dashboard.php">Dashboard</a></li>
<li><a href="manage-recipe.php">Manage Recipes</a></li>
<li class="active">Add Recipe</a></li>
</ol>
<div class="container-fluid">
<div class="row clearfix">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<form id="form_validation" method="post" enctype="multipart/form-data">
<div class="card">
<div class="header">
<h2>ADD RECIPE</h2>
<?php if(isset($_SESSION['msg'])) { ?>
<br><div class='alert alert-info'>New Recipe Added Successfully...</div>
<?php unset($_SESSION['msg']); } ?>
</div>
<div class="body">
<div class="row clearfix">
<div class="col-sm-5">
<div class="form-group">
<div class="font-12">Recipe Name *</div>
<div class="form-line">
<input type="text" class="form-control" name="recipe_title" id="recipe_title" placeholder="Recipe Name" required>
</div>
</div>
<div class="form-group">
<div class="font-12">News Date *</div>
<div class="form-line">
<input type="text" name="recipe_time" id="date-format" class="datetimepicker form-control" placeholder="News Date" required>
</div>
</div>
<div class="form-group">
<div class="font-12">Recipe Name *</div>
<div class="form-line">
<input type="text" class="form-control" name="recipe_title" id="recipe_title" placeholder="Recipe Name" required>
</div>
</div>
<div class="form-group">
<div class="font-12">Recipe Name *</div>
<div class="form-line">
<input type="text" class="form-control" name="recipe_title" id="recipe_title" placeholder="Recipe Name" required>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</section>