Как выровнять текст внутри div

[fowl]

В коде ниже у меня не получается выровнять текст по левому краю, липнет к правому. Подскажите, как это сделать?

	<!--noindex-->
					<div style="background-color: #f8f8f8; margin: 10px 0 10px 0; text-align:left; " ><div style="  float: left; padding: 10px;"><img src="/wp-content/uploads/2018/02/1-2.png" />		</div>
						
                     <!--в div-е ниже нужно выровнять текст по левому краю--> 
                      <div style="  float: right; padding: 10px 20px 10px 10px; text-align:left; ">
						<p><a href="/testy" rel="nofollow">Хорошо ли вы знаете свои уши?</a></p>
						</div>		                     
						<div style=" clear: left;"></div>
					</div>
					<!--/noindex-->

 

[Switch74]

в div текст у вас выравнен по левому краю, а сам див по правому

[Super_Saimon]

https://jsfiddle.net/w7f88ypm/3/ 
Для наглядности ответа Switch74

И впредь, лучше все примеры кода выкладывайте через этот онлайн компилятор. Так всем удобнее будет.

Edited February 8, 2018 by Super_Saimon