Как сверстать текст у логопита в html

[ishurgaya]

Здравствуйте. как сверстать как на картинке?

 

 

 

 

Пробовал так:

<span style="vertical-align:top;"> Юридическая </span><span style="vertical-align:bottom;"> компания </span>

но справа получается вот так:

 

[IvanRu08]

Здравствуйте. как сверстать как на картинке?

 

 

 

 

Пробовал так:

<span style="vertical-align:top;"> Юридическая </span><span style="vertical-align:bottom;"> компания </span>

но справа получается вот так:

 

display: block не помогает? И заключите слоган в один span

Edited August 19, 2015 by IvanRu08

[ishurgaya]

что то не очень понимаю ,как лучше сделать. поможете?

[IvanRu08]

что то не очень понимаю ,как лучше сделать. поможете?

Помогу, разместите код где-нибудь и дайте ссылку

[ishurgaya]

 

что то не очень понимаю ,как лучше сделать. поможете?

Помогу, разместите код где-нибудь и дайте ссылку

 

извиняюсь за долгий ответ.

 

вот код:

http://jsfiddle.net/ishurgaya/mm0jbLvw/

[IvanRu08]

@ishurgaya, для класса top-art пропишите и удалите класс bottom-art

.top-part { display:inline-block; width:150px;}

Edited August 19, 2015 by IvanRu08

[ishurgaya]

огромное спасибо! все работает.