my section at bottom text is center but should be floating left next to the ticks

 

thanks

 

link is My link

Edited April 9, 201214 yr by David Cook

You are not aligning the text to the left and therefore the text-align: center; from the body style is still being applied. Therefore change your li within the ul to text-align: left;

ul.tick li { background-image:url(../img/tick.png); background-position:0 6px; background-repeat:no-repeat no-repeat; 
list-style-image:initial; list-style-position:initial; list-style-type:none; font-size:1.4em; font-family:"museo 300"; font-weight:normal; line-height:1.6em;text-align: left;}

By the way you also have a p tag in your left ul which is semantically incorrect:

<ul class="tick">
           	<li>Logo Design, brand identity and strategy</li>
               <br/>
               <p>More coming soon</p>

           </ul>

Should be:

<ul class="tick">
           	<li>Logo Design, brand identity and strategy</li>
               <li>More coming soon</li>

           </ul>

Or:

<ul class="tick">
           	<li>Logo Design, brand identity and strategy</li>
               </ul>
<p>More coming soon</p>                

excellent thanks for the <p> section

 

regarding the align left. it works but the text goes over the tick image. any ideas i tried this but toook it out as couldnt get it to fit.

anyone any ideas

Something like

 

ul.tick li {
   background: url("../img/tick.png") no-repeat 0 6px;
   font-family: "museo 300";
   font-size: 1.4em;
   font-weight: normal;
   line-height: 1.6em;
   list-style-type: none;
   text-align: left;
   padding: 0 0 0 25px;
}

Edited April 10, 201214 yr by mteam

mteam thank you i tried that but it didnt work i know why it was i had the 25px in te wrong order