Вот xhtml:
<!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>
<a href="http://www.google.com">
<li id="one"><p>ONE</p></li></a>
<a href="http://www.google.com">
<li id="two">TWO</li></a>
<li id="three">three</li>
<li id="four">FOUR</li>
</ul>
</body>
</html>
Вот CSS:
#einz{ height:336px;
width:955px;
background-color:#33CCFF;
border-radius:10px;
margin:auto;
position:relative;}
ul{ margin:-10px 0px 0px 600px;
list-style:none;
display:inline-block;
width:290}
li{ font-size:150%;
display:inline-block;
border-radius:5px;
height:50px;width:60px;float:left;}
a:hover{color:black;background-color:pink;}
#one{background-color:red;margin-right:9px}
#two{background-color:pink;margin-right:9px}
#three{background-color:brown;margin-right:9px}
#four{background-color:orange;margin-right:9px}
*{border:black dashed 1px}
Вот СКРИН:
http://prntscr.com/2iryho
RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.
Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.
Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.