dashed подчеркивание h1

iGusse · April 4, 2009

Вобщем столкнулся с такой проблемой:

Хочу чтоб h1 у меня подчеркивался dashedoм делаю:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Untitled Document</title>
<style type="text/css">
<!--
h1 {
	font-size: 2em; border-bottom:1px dashed #F00;
}
-->
</style></head>

<body>
<h1>sdafk skladfj lksadjf lksadkf asd</h1>
<p>fggsdffggsdffggsdf fggsdffggsdffggsdf fggsdffggsdffggsdf fggsdffggsdffggsdf fggsdffggsdffggsdf fggsdffggsdffggsdf fggsdffggsdffggsdf fggsdffggsdffggsdf fggsdffggsdffggsdf fggsdffggsdffggsdf fggsdffggsdffggsdf fggsdffggsdffggsdf fggsdffggsdffggsdf fggsdffggsdffggsdf fggsdffggsdffggsdf fggsdffggsdffggsdf fggsdffggsdffggsdf fggsdffggsdffggsdf fggsdffggsdffggsdf fggsdffggsdffggsdf fggsdffggsdffggsdf fggsdffggsdffggsdf fggsdffggsdffggsdf fggsdffggsdffggsdf fggsdffggsdffggsdf fggsdffggsdffggsdf  </p>
</body>
</html>

Но вот она трабла! Подчеркивание растягивается на всю ширину, т.е. h1 отображается как блок и бордер тянется на 100% ширину. Задать статическую ширину для h1 не могу, потому-что текст будет постоянно разный. Как быть?

Edited April 4, 2009 by iGusse

DjTarik · April 4, 2009

задать "флоат"...

yopopt · April 4, 2009

Добавить в стили для h1 display: inline.

iGusse · April 4, 2009

Во супер спасибо!

Sign In

dashed подчеркивание h1

Question

iGusse

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

DjTarik

Link to comment

Share on other sites

yopopt

Link to comment

Share on other sites

iGusse

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information