Тема: CSS FAQ
Показать сообщение отдельно
Старый 05.01.2011, 14:41   #28
HAMANN
Нуждающийся
 
Аватар для HAMANN
 
Регистрация: 05.08.2008
Сообщений: 73
Написано 11 полезных сообщений
(для 24 пользователей)
Ответ: CSS FAQ

Сообщение от DTamaturg Посмотреть сообщение
Как средствами CSS сделать такое положение текста:

нужно без использования таблиц..
т.е. с одной стороны примечание (note) , а с другой сам текст
<!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=utf-8" />
<
title>Untitled Document</title>
<
style>
div#wrapper {
    
width:500px;
    
margin-left:10px;
}
div#wrapper .element {
    
padding:2px;
    
font-family:VerdanaGenevasans-serif;
    
font-size:12px;
    
color:#000;
    
text-align:justify;
    
margin-bottom:10px;
}
div#wrapper .element .note {
    
width:45px;
    
text-transform:uppercase;
    
color:#09C;
    
font-weight:bold;
    
float:left;
}
div#wrapper .element .body {
    
margin-left:45px;
}

</
style>
</
head>

<
body>
<
div id="wrapper">
    <
div class="element">
        
There is nothing special about the scripts we are using for the playerThey  are perfectly ordinary Unity scripts which have been built for this projectsThere is no default Character Controller script.
    </
div>
    <
div class="element">
        <
div class="note">NOTE</div>
        <
div class="body">There is nothing special about the scripts we are using for the playerThey  are perfectly ordinary Unity scripts which have been built for this projectsThere is no default Character Controller script.</div>
        <
div style="clear:left;"></div>
    </
div>
    <
div class="element">
        
There is nothing special about the scripts we are using for the playerThey  are perfectly ordinary Unity scripts which have been built for this projectsThere is no default Character Controller script.
    </
div>
</
div>
</
body>
</
html
(Offline)
 
Ответить с цитированием