Text-alignment in css

Question

I'm trying to align my text with left justify. What are the codes need to be added in css?

 <div class="traveldescription">Our experienced writers travel<br> the world to bring you informative and<br>inspirational features, destination<br>roundups,travel ideas, tips and beautiful<br>photos in order to help you<br>plan your next holiday.</div>

image

Answer 1

You can do it inline like this:

<div style="text-align: left;" class="traveldescription">Our experienced writers travel<br> the world to bring you informative and<br>inspirational features, destination<br>roundups,travel ideas, tips and beautiful<br>photos in order to help you<br>plan your next holiday.</div>

Or apply styles to your traveldescription class like this:

.traveldescription {
  text-align: left;
}

<div class="traveldescription">Our experienced writers travel<br> the world to bring you informative and<br>inspirational features, destination<br>roundups,travel ideas, tips and beautiful<br>photos in order to help you<br>plan your next holiday.</div>