Jazzy 1012
asked on
Change of column alignment in div
<div id="HIWBlock2" class= "step flex relative hCentered justifyAround hiwBlock block order">
<div class="cell flex column justifyCenter alignCenter col-lg-6 col-md-6">
<span class="width100 inlineBlock">
<h2 class="OldStandard title">
<span class="orange"> 2. </span>
<span> Create </span></h2>
<span class="OpenSansLight">
<p>
gfhgujujiuiui100% lo
uiyuiuoh
</p>
</span>
</span>
<div class="fullWidth">
<a href="#" class="pointer inlineBlock textCenter hCentered OpenSansBold">
View our Complete Menu </a>
</div>
</div>
<div class="cell img-cont col-lg-6 col-md-6">
<img class="fullWidth" src= "../assets/images/how1.jpg">
</div>
</div>
Css:#HowItWorksContent .step{
max-width: 1100px;
}
.width100{
width:100%;
}
#HowItWorksContent h2{
font-size: 1.8em;
margin: 0 auto;
font-weight: normal !important;
}
#HowItWorksContent .block.order{
margin:auto;
padding: 66px 0;
}
.hCentered{
margin: 0 auto;
}
#HowItWorksContent .block.order div{
max-width: 450px;
}
.fullWidth{
width:100%;
}
#HowItWorksContent .block.order a{
border-radius: 5px;
background-color: #cf5630;
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.15);
padding: 0.66em 1em;
width: 200px;
}
#HowItWorksContent .block.order .cell{
max-width: 40%;
}
#HowItWorksContent .block.order .img-cont{
float:right
}
How can I put the text on the left and image on the right? Now the image is on the right but lower , how can I fix this?
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.