Как нужно чтоб выглядел текст?

Question

[Mini MVC]

Как лутче работать с текстом есть идея? У меня выглядит всё вот так вот, не так как нужно. codepen.io/anon/pen/RNpQeR

а должно выглядить как тут

Answer 1

[IceJOKER]

А где скрин или ссылка на пример?
Вряд ли кому захочется копировать/вставлять и смотреть как это выглядит.

И ТЕПЕРЬ......главный вопроооос.....а КАК НУЖНО-то чтоб выглядел текст? О_О

Comments

[Mini MVC]

спасибо сейчас всё исправим

[IceJOKER]

ALLEROY 88: а как он сейчас выглядит ?

[Mini MVC]

IceJOKER: я скинул ссылку если пасмотриш на мой и на скриншот то увидишь что большая разница

[IceJOKER]

ALLEROY 88: text-align: justified , также цвет и шрифт и все вроде

[Mini MVC]

IceJOKER: ты красава именно так и я хотел, спасибо тебе большое.

[IceJOKER]

ALLEROY 88: польщен )

[Mini MVC]

IceJOKER: как сделать так чтобы между строками был промежуток?

[IceJOKER]

ALLEROY 88: line-height ?

[Mini MVC]

IceJOKER: да так точно спасибо

[IceJOKER]

ALLEROY 88: you're welcome )

Answer 2

[Алексей Немиро]

Как я понимаю, проблема в шрифтах?

Если так, то просто нужно указать необходимый шрифт(ы) в font-family:

.detail{
    width: 100%;
    background-color: #dcd6c6;
    font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; 
}

Какой именно нужен, не скажу, поставил что первое попалось :)

+с font-size можно еще поиграть.
и color до кучи.
В общем, проблема обширная, можно диссертацию писать :)

Comments

[Mini MVC]

Проблема также по бокам, справой стороны уголок должен быть как и слевой сторону прямой

[SirMustache]

ALLEROY 88: text-align: justify

Answer 3

[Дмитрий]

Т.е. вы хотите, чтобы за вас сверстали макет?
Из очевидного сразу - font-family надо использовать из макета.
Если хочется учиться, то изучайте, а спрашивать надо что-то конкретное... Если это коммерческий заказ, то есть же freelancim.ru

Comments

[Mini MVC]

не нужно мне чтоб сверстали макет, мне нужно узнать что я делаю не так что у меня не получаеться так как на скриншоте.

Answer 4

[sams0m]

Гугли Hyphenator.js, тузла занимается простановкой переносов текста. В комбинации с text-align: justify получишь свой результат (в конце кстати у тебя в макете слово с переносом).