Using Align Content in web page
Boy, it feels like I am asking too many questions. I sincerely apologize for that. I am learning alot though.
My question is regarding alignment of a <div>. I have tried to enter the properties correctly into CSS and then enter that into my source code. However, with this text box, I cannot get it to align left in the preview. On the workspace, in split view, it shows it aligned left. Any help is GREATLY appreciated. Here is what I have:
Source:
<div class= "boxed">
<h3>WELCOME!</h3>
<h3>Trinity Aerial Services, LLC</h3>
<p class="welcome"> WE WORK TO GAIN THE SATISFACTION OF OUR CLIENTS, BY ENSURING THAT EACH JOB IS DONE TO THE SATISFACTION OF THE CLIENT.<br /> LET TRINITY AERIAL SERVICES MEET <strong>YOUR</strong> EXPECTATIONS.</p>
<p><span>Email :</span>mike@trinityaerialservices.com</p>
<p><span>Website :</span> www.trinityaerialservices.com</p>
<p><span>Phone :</span> (641) 521 - 2653</p>
<p><span>Address :</span> 23901 S23 HWY, LACONA, IA 50139 </p>
</div>
CSS:
.boxed {
align-content: left;
height: 234px;
width: 500px;
display:inline-block;
float:left;
background color: #867D7D;
border: 5px solid #0B115A;
background-color: #F4EBEB;
color: #050505;
margin-left: auto;
}
p.example {
margin-left: auto;
Thank you again!!
Blessings,
Mike
AdChoices