Выравнивание содержимого одной колонки таблицы

FSe®g · August 10, 2015

Добрый день!

Помогите пожалуйста.

Имеется таблица 3 столбца 100 строк. Как выровнять по правому краю содержимое первого столбца? Через задание стилей тегу Col или Colgroup не получается.

<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {border: 1px solid black;}
th, td {width: 150px;}
.col1 {text-align:right; background-color:yellow}

</style>
</head>
<body>

<table>
<colgroup>
    <col class="col1" />
    <col />
</colgroup>
<tr>
    <th>ISBN</th>
    <th>Title</th>
    <th>Price</th>
</tr>
<tr>
    <td>3476896</td>
    <td>My first HTML</td>
    <td>$53</td>
</tr>
<tr>
    <td>5869207</td>
    <td>My first CSS</td>
    <td>$49</td>
</tr>
</table>

</body>
</html>

wwt · August 10, 2015


table tr td:first-child {

    text-align: right;

}

Sign In

Выравнивание содержимого одной колонки таблицы

Question

FSe®g

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

wwt

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information