Нужно что бы текст переходил в другую строку,при том что бы первая оставалась с желтым фоном.

html css веб дизайн верстка xhtml

вот css:
#one{ height:336px;
width:955px;
background-color:#33CCFF;
border-radius:10px;
margin:auto;}

ul{ margin:-10px 0px 0px 700px;
list-style:none;
}

li{ font-size:100%;
display:inline;
border-radius:5px;
background-color:yellow;
height:100px;width:100px;}
*{border:black dashed 1px}

p{display:inline;margin:0px;}

вот xhtml:
<!DOCTYPE xhtml>
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
<title>Website
</title>
</head>

<body>

<div id="one">Example text
</div>

<ul>
<li><p>hhha</p></li>
<li>a</li>
<li>a</li>
<li>a</li>
</ul>
</body>
</html>

еще почему то когда создаю какой либо список то нету цифр или крапочек,пробовал убирал list-style:none,всё равно не работает.

Примечание:
зато браузер всё понял

Примечание:
всё исправил работает.кому интересно,вот новый код css:
#einz{ height:336px;
width:955px;
background-color:#33CCFF;
border-radius:10px;
margin:auto;}

ul{ margin:-10px 0px 0px 650px;
list-style:none;
}

li{ font-size:150%;
display:inline-block;
border-radius:5px;
background-color:yellow;
height:50px;width:60px;float:left;
}

#one{background-color:red}
#two{background-color:pink}
#three{background-color:brown}
#four{background-color:orange}
*{border:black dashed 1px}

p{display:inline-block;}

и html:
<!DOCTYPE xhtml>
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
<title>Website
</title>
</head>

<body>

<div id="einz">Example text
</div>

<ul>
<li id="one"><p>hh</p></li>
<li id="two">a</li>
<li id="three">a</li>
<li id="four">a</li>
</ul>
</body>
</html>
Ответы:
вообще ничего не понял.
По первому вопросу http://www.w3schools.com/cssref/sel_firstline.asp
По второму, надо дополнительно убрать display:inline у li
PS Код можно сюда выкладывать http://jsfiddle.net/


10 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.