{"id":14583,"date":"2021-09-06T15:24:08","date_gmt":"2021-09-06T15:24:08","guid":{"rendered":"https:\/\/freehost.page\/?p=14583"},"modified":"2022-08-23T22:51:10","modified_gmt":"2022-08-23T15:51:10","slug":"can-giua-van-ban-trong-css","status":"publish","type":"post","link":"https:\/\/kiencang.net\/can-giua-van-ban-trong-css\/","title":{"rendered":"C\u0103n gi\u1eefa v\u0103n b\u1ea3n (text) trong CSS"},"content":{"rendered":"\n<p>C\u0103n gi\u1eefa v\u0103n b\u1ea3n (text) c\u00f3 l\u1ebd l\u00e0 k\u1ef9 thu\u1eadt c\u0103n gi\u1eefa c\u01a1 b\u1ea3n nh\u1ea5t, v\u00e0 c\u0169ng d\u1ec5 l\u00e0m h\u01a1n c\u1ea3 (c\u00f3 v\u1ebb kh\u00f4ng ph\u1ea3i th\u1ef1c s\u1ef1 l\u00e0 n\u00f3 d\u1ec5 h\u01a1n c\u00e1i kh\u00e1c, kh\u1ea3 n\u0103ng cao h\u01a1n l\u00e0 v\u00ec ch\u00fang ta ph\u1ea3i thao t\u00e1c v\u1edbi v\u0103n b\u1ea3n nhi\u1ec1u m\u00e0 th\u00f4i). <\/p>\n\n\n\n<p>H\u00f4m nay t\u00f4i v\u00e0 c\u00e1c b\u1ea1n s\u1ebd \u0111i v\u00e0o th\u1ef1c h\u00e0nh c\u0103n v\u0103n b\u1ea3n trong nhi\u1ec1u h\u00ecnh th\u1ee9c kh\u00e1c nhau, \u0111\u1ec3 xem c\u1ee5 th\u1ec3 th\u00ec ch\u00fang s\u1ebd nh\u01b0 th\u1ebf n\u00e0o, d\u00f9 ch\u00fang ta \u0111\u1ec1u bi\u1ebft r\u1eb1ng c\u00e2u l\u1ec7nh c\u01a1 b\u1ea3n \u0111\u1ec3 l\u00e0m \u0111i\u1ec1u \u0111\u00f3 l\u00e0 <code>text-align: center<\/code>.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_60 counter-hierarchy ez-toc-counter ez-toc-light-blue ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >M\u1ee5c l\u1ee5c<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\" role=\"button\"><label for=\"item-6577d645481ab\" ><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input aria-label=\"Toggle\" aria-label=\"item-6577d645481ab\"  type=\"checkbox\" id=\"item-6577d645481ab\"><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/kiencang.net\/can-giua-van-ban-trong-css\/#1_Can_giua_van_ban_thuan_tuy\" title=\"#1. C\u0103n gi\u1eefa v\u0103n b\u1ea3n thu\u1ea7n t\u00fay\">#1. C\u0103n gi\u1eefa v\u0103n b\u1ea3n thu\u1ea7n t\u00fay<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/kiencang.net\/can-giua-van-ban-trong-css\/#2_Can_giua_van_ban_trong_the_p\" title=\"#2. C\u0103n gi\u1eefa v\u0103n b\u1ea3n trong th\u1ebb p\">#2. C\u0103n gi\u1eefa v\u0103n b\u1ea3n trong th\u1ebb p<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/kiencang.net\/can-giua-van-ban-trong-css\/#3_Can_giua_van_ban_trong_the_h_tu_h1_den_h6\" title=\"#3. C\u0103n gi\u1eefa v\u0103n b\u1ea3n trong th\u1ebb h (t\u1eeb h1 \u0111\u1ebfn h6)\">#3. C\u0103n gi\u1eefa v\u0103n b\u1ea3n trong th\u1ebb h (t\u1eeb h1 \u0111\u1ebfn h6)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/kiencang.net\/can-giua-van-ban-trong-css\/#4_Can_giua_van_ban_trong_the_a\" title=\"#4. C\u0103n gi\u1eefa v\u0103n b\u1ea3n trong th\u1ebb a\">#4. C\u0103n gi\u1eefa v\u0103n b\u1ea3n trong th\u1ebb a<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/kiencang.net\/can-giua-van-ban-trong-css\/#5_Can_giua_van_ban_trong_the_li\" title=\"#5. C\u0103n gi\u1eefa v\u0103n b\u1ea3n trong th\u1ebb li\">#5. C\u0103n gi\u1eefa v\u0103n b\u1ea3n trong th\u1ebb li<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/kiencang.net\/can-giua-van-ban-trong-css\/#6_Can_giua_van_ban_trong_the_span\" title=\"#6. C\u0103n gi\u1eefa v\u0103n b\u1ea3n trong th\u1ebb span\">#6. C\u0103n gi\u1eefa v\u0103n b\u1ea3n trong th\u1ebb span<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/kiencang.net\/can-giua-van-ban-trong-css\/#7_Nut_bam_dang_button_hoac_submit\" title=\"#7. N\u00fat b\u1ea5m d\u1ea1ng button ho\u1eb7c submit\">#7. N\u00fat b\u1ea5m d\u1ea1ng button ho\u1eb7c submit<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/kiencang.net\/can-giua-van-ban-trong-css\/#8_Tong_ket\" title=\"#8. T\u1ed5ng k\u1ebft\">#8. T\u1ed5ng k\u1ebft<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_Can_giua_van_ban_thuan_tuy\"><\/span>#1. <strong>C\u0103n gi\u1eefa v\u0103n b\u1ea3n thu\u1ea7n t\u00fay<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>T\u1ee9c l\u00e0 v\u0103n b\u1ea3n kh\u00f4ng bao trong c\u00e1c th\u1ebb hay g\u1eb7p nh\u01b0 <code>p<\/code>, <code>a<\/code>, <code>h<\/code>, <code>li<\/code> (trong <a href=\"https:\/\/kiencang.net\/the-ul-ol-li-html\/\" target=\"_blank\" rel=\"noreferrer noopener\"><code>ol<\/code>, <code>ul<\/code><\/a>), hay \u00edt g\u1eb7p h\u01a1n nh\u01b0 <code>button<\/code>, <code>input<\/code>, <code>submit<\/code>.<\/p>\n\n\n\n<p>V\u00ed d\u1ee5 v\u1ec1 v\u0103n b\u1ea3n thu\u1ea7n \u0111\u01b0\u1ee3c bao b\u1edfi th\u1ebb div:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n    &lt;head&gt;\n        &lt;title&gt;c\u0103n gi\u1eefa v\u0103n b\u1ea3n&lt;\/title&gt;\n        &lt;meta charset=\"UTF-8\"&gt;\n        &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;\n        &lt;style&gt;\n            div#bigBox {width:600px; height:300px; border:1px solid black; text-align:center; }\n        &lt;\/style&gt;    \n    &lt;\/head&gt;\n    &lt;body&gt;\n        &lt;div id=\"bigBox\"&gt;V\u0103n b\u1ea3n t\u00f4i c\u1ea7n c\u0103n gi\u1eefa&lt;\/div&gt;\n    &lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<p>K\u1ebft qu\u1ea3: v\u0103n b\u1ea3n c\u0103n gi\u1eefa, v\u00e0 b\u00e1m v\u00e0o m\u00e9p tr\u00ean c\u1ee7a th\u1ebb div, kh\u00f4ng c\u00f3 l\u1ec1 (margin).<\/p>\n\n\n\n<p>N\u1ebfu chi\u1ec1u cao c\u1ee7a th\u1ebb div kh\u00f4ng \u0111\u01b0\u1ee3c quy \u0111\u1ecbnh th\u00ec n\u00f3 v\u1eabn c\u0103n gi\u1eefa \u0111\u01b0\u1ee3c, v\u00e0 l\u00fac n\u00e0y div l\u1ea5y chi\u1ec1u cao l\u00e0 chi\u1ec1u cao v\u0103n b\u1ea3n. K\u1ebft qu\u1ea3 t\u01b0\u01a1ng t\u1ef1 n\u1ebfu \u0111\u1ec3 <code>height<\/code> l\u00e0 <code>auto<\/code>.<\/p>\n\n\n\n<p>N\u1ebfu div \u0111\u1ec3 l\u00e0 <code>inline-block<\/code> (display m\u1eb7c \u0111\u1ecbnh c\u1ee7a div l\u00e0 <code>block<\/code>), v\u0103n b\u1ea3n v\u1eabn c\u0103n gi\u1eefa b\u00ecnh th\u01b0\u1eddng.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_Can_giua_van_ban_trong_the_p\"><\/span>#2. <strong>C\u0103n gi\u1eefa v\u0103n b\u1ea3n trong th\u1ebb p<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Th\u1ebb p l\u00e0 th\u1ebb ph\u1ed5 bi\u1ebfn \u0111\u1ec3 \u0111\u00e1nh d\u1ea5u v\u0103n b\u1ea3n, n\u00f3 l\u00e0 th\u1ebb \u0111\u1ec3 ch\u1ec9 c\u00e1c \u0111o\u1ea1n (<strong>p<\/strong>aragraph), v\u00ed d\u1ee5 d\u00f2ng b\u1ea1n \u0111ang \u0111\u1ecdc \u0111\u00e2y c\u0169ng \u0111\u01b0\u1ee3c \u0111\u00e1nh d\u1ea5u b\u1eb1ng th\u1ebb p. B\u1ea3n th\u00e2n th\u1ebb p c\u00f3 <a href=\"https:\/\/kiencang.net\/thuoc-tinh-dispaly-css\/\" target=\"_blank\" rel=\"noreferrer noopener\">display<\/a> m\u1eb7c \u0111\u1ecbnh l\u00e0 <code>block<\/code>.<\/p>\n\n\n\n<p>V\u00ed d\u1ee5 v\u1ec1 th\u1ebb p bao v\u0103n b\u1ea3n, v\u00e0 p n\u1eb1m trong div:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n    &lt;head&gt;\n        &lt;title&gt;c\u0103n gi\u1eefa v\u0103n b\u1ea3n&lt;\/title&gt;\n        &lt;meta charset=\"UTF-8\"&gt;\n        &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;\n        &lt;style&gt;\n            div#bigBox {width:600px; height:300px; border:1px solid black; <strong>text-align:center;<\/strong> }\n        &lt;\/style&gt;    \n    &lt;\/head&gt;\n    &lt;body&gt;\n        &lt;div id=\"bigBox\"&gt;&lt;p&gt;V\u0103n b\u1ea3n t\u00f4i c\u1ea7n c\u0103n gi\u1eefa&lt;\/p&gt;&lt;\/div&gt;\n    &lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<p>K\u1ebft qu\u1ea3: v\u0103n b\u1ea3n c\u0103n gi\u1eefa, v\u00e0 c\u00f3 margin gi\u1eefa n\u00f3 v\u00e0 m\u00e9p tr\u00ean c\u1ee7a th\u1ebb div ch\u1ee9 kh\u00f4ng d\u00ednh s\u00e1t li\u1ec1n nh\u01b0 v\u0103n b\u1ea3n thu\u1ea7n t\u00fay, \u0111i\u1ec1u \u0111\u00f3 l\u00e0 v\u00ec th\u1ebb p c\u00f3 thi\u1ebft l\u1eadp margin m\u1eb7c \u0111\u1ecbnh.<\/p>\n\n\n\n<p>B\u1ea3n th\u00e2n th\u1ebb p c\u0169ng t\u1ef1 c\u0103n n\u00f3 \u0111\u01b0\u1ee3c m\u00e0 kh\u00f4ng c\u1ea7n th\u00f4ng qua div, c\u0169ng b\u1eb1ng c\u00e2u l\u1ec7nh <code>text-align: center;<\/code><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n    &lt;head&gt;\n        &lt;title&gt;c\u0103n gi\u1eefa v\u0103n b\u1ea3n&lt;\/title&gt;\n        &lt;meta charset=\"UTF-8\"&gt;\n        &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;\n        &lt;style&gt;\n            div#bigBox {width:600px; height:300px; border:1px solid black; }\n            <strong>p {text-align:center; }<\/strong>\n        &lt;\/style&gt;    \n    &lt;\/head&gt;\n    &lt;body&gt;\n        &lt;div id=\"bigBox\"&gt;&lt;p&gt;V\u0103n b\u1ea3n t\u00f4i c\u1ea7n c\u0103n gi\u1eefa&lt;\/p&gt;&lt;\/div&gt;\n    &lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<p>C\u0169ng c\u00f3 th\u1ec3 c\u0103n gi\u1eefa th\u1ebb p b\u1eb1ng c\u00e2u l\u1ec7nh <code>margin: 0 auto;<\/code> <\/p>\n\n\n\n<p>0 c\u00f3 th\u1ec3 thay b\u1eb1ng s\u1ed1 kh\u00e1c \u0111\u1ec3 t\u1ea1o l\u1ec1 gi\u1eefa c\u00e1c th\u1ebb p. Tuy nhi\u00ean c\u0103n theo c\u00e1ch n\u00e0y p c\u1ea7n ph\u1ea3i \u0111\u01b0\u1ee3c ch\u1ec9 \u0111\u1ecbnh chi\u1ec1u r\u1ed9ng <code>width<\/code>, v\u00e0 n\u00f3 c\u0103n l\u00e0 c\u0103n b\u1ea3n th\u00e2n h\u1ed9p p v\u1edbi <code>width<\/code> t\u01b0\u01a1ng \u1ee9ng \u0111\u00f3, n\u1ebfu v\u0103n b\u1ea3n \u0111\u1ee7 d\u00e0i h\u01a1n chi\u1ec1u r\u1ed9ng c\u1ee7a p th\u00ec n\u00f3 m\u1edbi c\u0103n gi\u1eefa lu\u00f4n \u0111\u01b0\u1ee3c v\u0103n b\u1ea3n, c\u00e1i n\u00e0y v\u0103n b\u1ea3n c\u0103n gi\u1eefa theo ki\u1ec3u &#8220;\u0103n theo&#8221; p m\u00e0 th\u00f4i.<\/p>\n\n\n\n<p>V\u00ed d\u1ee5:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n    &lt;head&gt;\n        &lt;title&gt;c\u0103n gi\u1eefa v\u0103n b\u1ea3n&lt;\/title&gt;\n        &lt;meta charset=\"UTF-8\"&gt;\n        &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;\n        &lt;style&gt;\n            div#bigBox {width:600px; height:300px; border:1px solid black; }\n            p {margin: 15px auto; width:150px; font-size:16px; }\n        &lt;\/style&gt;    \n    &lt;\/head&gt;\n    &lt;body&gt;\n        &lt;div id=\"bigBox\"&gt;\n            &lt;p&gt;V\u0103n b\u1ea3n t\u00f4i c\u1ea7n c\u0103n gi\u1eefa&lt;\/p&gt;\n            &lt;p&gt;V\u0103n b\u1ea3n t\u00f4i c\u1ea7n c\u0103n gi\u1eefa 2&lt;\/p&gt;\n            &lt;p&gt;V\u0103n b\u1ea3n t\u00f4i c\u1ea7n c\u0103n gi\u1eefa 345&lt;\/p&gt;\n            &lt;p&gt;V\u0103n b\u1ea3n t\u00f4i c\u1ea7n c\u0103n gi\u1eefa 45678&lt;\/p&gt;\n            &lt;p&gt;V\u0103n b\u1ea3n t\u00f4i c\u1ea7n c\u0103n gi\u1eefa 567891011&lt;\/p&gt;\n        &lt;\/div&gt;\n    &lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<p>Khi width c\u1ee7a p d\u00e0i h\u01a1n v\u0103n b\u1ea3n, b\u1ea3n th\u00e2n box p \u0111\u01b0\u1ee3c c\u0103n gi\u1eefa, nh\u01b0ng v\u0103n b\u1ea3n b\u00ean trong n\u00f3 th\u00ec b\u00e1m v\u00e0o l\u1ec1 tr\u00e1i c\u1ee7a p, v\u00e0 th\u1ef1c t\u1ebf v\u0103n b\u1ea3n kh\u00f4ng \u1edf ch\u00ednh gi\u1eefa, v\u00ed d\u1ee5:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n    &lt;head&gt;\n        &lt;title&gt;c\u0103n gi\u1eefa v\u0103n b\u1ea3n&lt;\/title&gt;\n        &lt;meta charset=\"UTF-8\"&gt;\n        &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;\n        &lt;style&gt;\n            div#bigBox {width:600px; height:300px; border:1px solid black; }\n            p {margin: 15px auto; width:250px; font-size:16px; border:1px solid green; }\n        &lt;\/style&gt;    \n    &lt;\/head&gt;\n    &lt;body&gt;\n        &lt;div id=\"bigBox\"&gt;\n            &lt;p&gt;V\u0103n b\u1ea3n t\u00f4i c\u1ea7n c\u0103n gi\u1eefa&lt;\/p&gt;\n            &lt;p&gt;V\u0103n b\u1ea3n t\u00f4i c\u1ea7n c\u0103n gi\u1eefa 2&lt;\/p&gt;\n            &lt;p&gt;V\u0103n b\u1ea3n t\u00f4i c\u1ea7n c\u0103n gi\u1eefa 345&lt;\/p&gt;\n            &lt;p&gt;V\u0103n b\u1ea3n t\u00f4i c\u1ea7n c\u0103n gi\u1eefa 45678&lt;\/p&gt;\n            &lt;p&gt;V\u0103n b\u1ea3n t\u00f4i c\u1ea7n c\u0103n gi\u1eefa 567891011&lt;\/p&gt;\n        &lt;\/div&gt;\n    &lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_Can_giua_van_ban_trong_the_h_tu_h1_den_h6\"><\/span>#3. <strong>C\u0103n gi\u1eefa v\u0103n b\u1ea3n trong th\u1ebb h (t\u1eeb h1 \u0111\u1ebfn h6)<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Th\u1ebb h th\u01b0\u1eddng \u0111\u01b0\u1ee3c d\u00f9ng \u0111\u1ec3 t\u1ea1o ti\u00eau \u0111\u1ec1, <a href=\"https:\/\/kiencang.net\/the-h1-h6-html\/\" target=\"_blank\" rel=\"noreferrer noopener\">t\u1eeb h1 cho \u0111\u1ebfn h6<\/a>. V\u00ed d\u1ee5 ti\u00eau \u0111\u1ec1 c\u1ee7a website, ti\u00eau \u0111\u1ec1 c\u1ee7a b\u00e0i, ti\u00eau \u0111\u1ec1 c\u1ee7a c\u00e1c m\u1ee5c ch\u00ednh trong b\u00e0i vi\u1ebft, v\u00e2n v\u00e2n. B\u1ea3n th\u00e2n th\u1ebb h c\u00f3 <code>display<\/code> m\u1eb7c \u0111\u1ecbnh l\u00e0 <code>block<\/code>.<\/p>\n\n\n\n<p>C\u00e1c th\u1ebb h c\u00f3 h\u00e0nh vi gi\u1ed1ng h\u1ec7t th\u1ebb p trong chuy\u1ec7n c\u0103n gi\u1eefa. T\u1ee9c l\u00e0 n\u00f3 c\u0169ng t\u1ef1 c\u0103n \u0111\u01b0\u1ee3c, ho\u1eb7c c\u0103n qua th\u1ebb cha b\u1eb1ng <code>text-align<\/code>. <\/p>\n\n\n\n<p>V\u00ed d\u1ee5:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n    &lt;head&gt;\n        &lt;title&gt;c\u0103n gi\u1eefa v\u0103n b\u1ea3n&lt;\/title&gt;\n        &lt;meta charset=\"UTF-8\"&gt;\n        &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;\n        &lt;style&gt;\n            div#bigBox {width:600px; height:300px; border:1px solid black; }\n            h2 {text-align:center; }\n            \n        &lt;\/style&gt;    \n    &lt;\/head&gt;\n    &lt;body&gt;\n        &lt;div id=\"bigBox\"&gt;\n            &lt;h2&gt;V\u0103n b\u1ea3n t\u00f4i c\u1ea7n c\u0103n gi\u1eefa&lt;\/h2&gt;\n            &lt;h2&gt;V\u0103n b\u1ea3n t\u00f4i c\u1ea7n c\u0103n gi\u1eefa 2&lt;\/h2&gt;\n            &lt;h2&gt;V\u0103n b\u1ea3n t\u00f4i c\u1ea7n c\u0103n gi\u1eefa 345&lt;\/h2&gt;\n            &lt;h2&gt;V\u0103n b\u1ea3n t\u00f4i c\u1ea7n c\u0103n gi\u1eefa 45678&lt;\/h2&gt;\n            &lt;h2&gt;V\u0103n b\u1ea3n t\u00f4i c\u1ea7n c\u0103n gi\u1eefa 567891011&lt;\/h2&gt;\n        &lt;\/div&gt;\n    &lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<p>C\u0103n kh\u00f4ng ti\u00eau chu\u1ea9n theo ki\u1ec3u <code>margin: 0 auto<\/code><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n    &lt;head&gt;\n        &lt;title&gt;c\u0103n gi\u1eefa v\u0103n b\u1ea3n&lt;\/title&gt;\n        &lt;meta charset=\"UTF-8\"&gt;\n        &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;\n        &lt;style&gt;\n            div#bigBox {width:600px; height:300px; border:1px solid black; }\n            h2 {margin: 15px auto; width:250px; font-size:16px; border:1px solid green; }\n            \n        &lt;\/style&gt;    \n    &lt;\/head&gt;\n    &lt;body&gt;\n        &lt;div id=\"bigBox\"&gt;\n            &lt;h2&gt;V\u0103n b\u1ea3n t\u00f4i c\u1ea7n c\u0103n gi\u1eefa&lt;\/h2&gt;\n            &lt;h2&gt;V\u0103n b\u1ea3n t\u00f4i c\u1ea7n c\u0103n gi\u1eefa 2&lt;\/h2&gt;\n            &lt;h2&gt;V\u0103n b\u1ea3n t\u00f4i c\u1ea7n c\u0103n gi\u1eefa 345&lt;\/h2&gt;\n            &lt;h2&gt;V\u0103n b\u1ea3n t\u00f4i c\u1ea7n c\u0103n gi\u1eefa 45678&lt;\/h2&gt;\n            &lt;h2&gt;V\u0103n b\u1ea3n t\u00f4i c\u1ea7n c\u0103n gi\u1eefa 567891011&lt;\/h2&gt;\n        &lt;\/div&gt;\n    &lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<p>S\u1ef1 gi\u1ed1ng nhau n\u00e0y c\u00f3 l\u1ebd b\u1eaft ngu\u1ed3n t\u1eeb chuy\u1ec7n 2 th\u1ebb c\u00f3 c\u00f9ng ki\u1ec3u display.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"4_Can_giua_van_ban_trong_the_a\"><\/span>#4. <strong>C\u0103n gi\u1eefa v\u0103n b\u1ea3n trong th\u1ebb a<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><a href=\"https:\/\/kiencang.net\/the-a-trong-html\/\" target=\"_blank\" rel=\"noreferrer noopener\">Th\u1ebb a<\/a> l\u00e0 th\u1ebb d\u00f9ng \u0111\u1ec3 t\u1ea1o li\u00ean k\u1ebft, n\u00f3 l\u00e0 m\u1ed9t trong c\u00e1c th\u1ebb r\u1ea5t th\u01b0\u1eddng g\u1eb7p, \u0111\u1eb7c bi\u1ec7t tr\u00ean c\u00e1c trang c\u00f3 s\u1ed1 l\u01b0\u1ee3ng b\u00e0i vi\u1ebft l\u1edbn- khi \u0111\u00f3 li\u00ean k\u1ebft n\u1ed9i b\u1ed9 s\u1ebd d\u00e0y. Trong SEO, \u0111\u00e2y c\u0169ng l\u00e0 th\u1ebb \u0111\u1eb7c bi\u1ec7t quan tr\u1ecdng, bao g\u1ed3m c\u1ea3 <a href=\"https:\/\/kiencang.net\/lien-ket-noi-bo\/\" target=\"_blank\" rel=\"noreferrer noopener\">li\u00ean k\u1ebft n\u1ed9i b\u1ed9<\/a>, l\u1eabn li\u00ean k\u1ebft tr\u1ecf ra b\u00ean ngo\u00e0i.<\/p>\n\n\n\n<p>Tr\u00ean nhi\u1ec1u website n\u00f3 ch\u1ec9 k\u00e9m th\u1ebb p v\u1ec1 \u0111\u1ed9 ph\u1ed5 bi\u1ebfn, v\u00e0 th\u01b0\u1eddng l\u00e0 hay g\u1eb7p h\u01a1n th\u1ebb h. Display m\u1eb7c \u0111\u1ecbnh c\u1ee7a th\u1ebb a l\u00e0 <code>inline<\/code>.<\/p>\n\n\n\n<p>N\u1ebfu l\u00e0 d\u1ea1ng m\u1ed9t li\u00ean k\u1ebft \u0111\u1ee9ng \u0111\u1ed9c l\u1eadp, n\u00f3 s\u1ebd c\u0103n gi\u1eefa v\u00e0 b\u00e1m v\u00e0o l\u1ec1 tr\u00ean c\u1ee7a box div, kh\u00f4ng c\u00f3 l\u1ec1, h\u00e0nh vi n\u00e0y gi\u1ed1ng v\u1edbi v\u0103n b\u1ea3n thu\u1ea7n. V\u00ed d\u1ee5:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n    &lt;head&gt;\n        &lt;title&gt;c\u0103n gi\u1eefa v\u0103n b\u1ea3n&lt;\/title&gt;\n        &lt;meta charset=\"UTF-8\"&gt;\n        &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;\n        &lt;style&gt;\n            div#bigBox {width:600px; height:300px; border:1px solid black; text-align:center; }\n        &lt;\/style&gt;    \n    &lt;\/head&gt;\n    &lt;body&gt;\n        &lt;div id=\"bigBox\"&gt;\n            &lt;a href=\"https:\/\/kiencang.net\/category\/html\/\"&gt;Link HTML&lt;\/a&gt;\n        &lt;\/div&gt;\n    &lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<p>V\u00ec display c\u1ee7a th\u1ebb a l\u00e0 <code>inline<\/code> n\u00ean c\u00e1c thu\u1ed9c t\u00ednh margin (l\u1ec1), padding (\u0111\u1ec7m) s\u1ebd kh\u00f4ng ho\u1ea1t \u0111\u1ed9ng. V\u00ed d\u1ee5 d\u01b0\u1edbi \u0111\u00e2y kh\u00f4ng cho th\u1ea5y th\u1ebb xu\u1ea5t hi\u1ec7n \u0111\u1ec7m v\u00e0 l\u1ec1:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n    &lt;head&gt;\n        &lt;title&gt;c\u0103n gi\u1eefa v\u0103n b\u1ea3n&lt;\/title&gt;\n        &lt;meta charset=\"UTF-8\"&gt;\n        &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;\n        &lt;style&gt;\n            div#bigBox {width:600px; height:300px; border:1px solid black; text-align:center; }\n            a {margin-top:25px; padding-top:20px; }\n        &lt;\/style&gt;    \n    &lt;\/head&gt;\n    &lt;body&gt;\n        &lt;div id=\"bigBox\"&gt;\n            &lt;a href=\"https:\/\/kiencang.net\/category\/html\/\"&gt;Link HTML&lt;\/a&gt;\n        &lt;\/div&gt;\n    &lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<p>Mu\u1ed1n l\u1ec1, \u0111\u1ec7m ho\u1ea1t \u0111\u1ed9ng, b\u1ea1n c\u1ea7n chuy\u1ec3n display c\u1ee7a a v\u1ec1 <code>inline-block<\/code> ho\u1eb7c <code>block<\/code>. V\u00ed d\u1ee5:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n    &lt;head&gt;\n        &lt;title&gt;c\u0103n gi\u1eefa v\u0103n b\u1ea3n&lt;\/title&gt;\n        &lt;meta charset=\"UTF-8\"&gt;\n        &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;\n        &lt;style&gt;\n           div#bigBox {width:600px; height:300px; border:1px solid black; text-align:center; }\n\n           a {margin-top:25px; padding-top:20px; display:inline-block; }\n        &lt;\/style&gt;    \n    &lt;\/head&gt;\n    &lt;body&gt;\n        &lt;div id=\"bigBox\"&gt;\n            &lt;a href=\"https:\/\/kiencang.net\/category\/html\/\"&gt;Link HTML&lt;\/a&gt;\n        &lt;\/div&gt;\n    &lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<p>Th\u1ebb a v\u1eabn c\u0103n gi\u1eefa khi chuy\u1ec3n <code>display<\/code> sang <code>inline-block<\/code> ho\u1eb7c <code>block<\/code>.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<p>Kh\u00f4ng gi\u1ed1ng th\u1ec3 h v\u00e0 th\u1ebb p, th\u1ebb a kh\u00f4ng th\u1ec3 t\u1ef1 m\u00ecnh c\u0103n gi\u1eefa n\u00f3 b\u1eb1ng <code>text-align<\/code>, n\u1ebfu n\u00f3 kh\u00f4ng thay \u0111\u1ed5i tr\u1ea1ng th\u00e1i display m\u1eb7c \u0111\u1ecbnh, v\u00ed d\u1ee5 c\u00e2u l\u1ec7nh d\u01b0\u1edbi \u0111\u00e2y s\u1ebd kh\u00f4ng ho\u1ea1t \u0111\u1ed9ng:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n    &lt;head&gt;\n        &lt;title&gt;c\u0103n gi\u1eefa v\u0103n b\u1ea3n&lt;\/title&gt;\n        &lt;meta charset=\"UTF-8\"&gt;\n        &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;\n        &lt;style&gt;\n            div#bigBox {width:600px; height:300px; border:1px solid black; }\n            a {text-align:center; }\n        &lt;\/style&gt;    \n    &lt;\/head&gt;\n    &lt;body&gt;\n        &lt;div id=\"bigBox\"&gt;\n            &lt;a href=\"https:\/\/kiencang.net\/category\/html\/\"&gt;Link HTML&lt;\/a&gt;   \n        &lt;\/div&gt;\n    &lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<p>Khi a chuy\u1ec3n th\u00e0nh <code>block<\/code>, n\u00f3 s\u1ebd t\u1ef1 c\u0103n \u0111\u01b0\u1ee3c ch\u00ednh n\u00f3:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n    &lt;head&gt;\n        &lt;title&gt;c\u0103n gi\u1eefa v\u0103n b\u1ea3n&lt;\/title&gt;\n        &lt;meta charset=\"UTF-8\"&gt;\n        &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;\n        &lt;style&gt;\n            div#bigBox {width:600px; height:300px; border:1px solid black; }\n            a {text-align:center; display: block;}\n        &lt;\/style&gt;    \n    &lt;\/head&gt;\n    &lt;body&gt;\n        &lt;div id=\"bigBox\"&gt;\n            &lt;a href=\"https:\/\/kiencang.net\/category\/html\/\"&gt;Link HTML&lt;\/a&gt;   \n        &lt;\/div&gt;\n    &lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<p>Khi c\u00f3 nhi\u1ec1u th\u1ebb a li\u00ean ti\u1ebfp, trong m\u00e3 d\u00f9 b\u1ea1n c\u00f3 xu\u1ed1ng d\u00f2ng th\u00ec ch\u00fang v\u1eabn hi\u1ec3n th\u1ecb c\u1ea1nh nhau v\u00ec n\u00f3 l\u00e0 inline, \u0111i\u1ec1u n\u00e0y kh\u00f4ng gi\u1ed1ng v\u1edbi th\u1ebb p v\u00e0 th\u1ebb h v\u1ed1n l\u00e0 block.<\/p>\n\n\n\n<p><strong>Tr\u01b0\u1eddng h\u1ee3p c\u00f3 nhi\u1ec1u th\u1ebb a:<\/strong><\/p>\n\n\n\n<p>Vi\u1ec7c c\u0103n gi\u1eefa v\u1eabn di\u1ec5n ra b\u00ecnh th\u01b0\u1eddng v\u1edbi c\u00e2u l\u1ec7nh <code>text-align<\/code> cho nhi\u1ec1u th\u1ebb a, v\u00ed d\u1ee5:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n    &lt;head&gt;\n        &lt;title&gt;c\u0103n gi\u1eefa v\u0103n b\u1ea3n&lt;\/title&gt;\n        &lt;meta charset=\"UTF-8\"&gt;\n        &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;\n        &lt;style&gt;\n            div#bigBox {width:600px; height:300px; border:1px solid black; text-align:center; }\n        &lt;\/style&gt;    \n    &lt;\/head&gt;\n    &lt;body&gt;\n        &lt;div id=\"bigBox\"&gt;\n            &lt;a href=\"https:\/\/kiencang.net\/category\/html\/\"&gt;Link HTML&lt;\/a&gt;\n            &lt;a href=\"https:\/\/kiencang.net\/category\/css\/\"&gt;Link CSS&lt;\/a&gt;\n            &lt;a href=\"https:\/\/kiencang.net\/category\/speed-js\/\"&gt;Link JS&lt;\/a&gt;    \n        &lt;\/div&gt;\n    &lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<p>N\u1ebfu b\u1ea1n mu\u1ed1n n\u00f3 ng\u1eaft d\u00f2ng, v\u00e0 v\u1eabn c\u0103n gi\u1eefa th\u00ec th\u1ebb a c\u1ea7n chuy\u1ec3n thu\u1ed9c t\u00ednh display v\u1ec1 <code>block<\/code>, v\u00ed d\u1ee5:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n    &lt;head&gt;\n        &lt;title&gt;c\u0103n gi\u1eefa v\u0103n b\u1ea3n&lt;\/title&gt;\n        &lt;meta charset=\"UTF-8\"&gt;\n        &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;\n        &lt;style&gt;\n            div#bigBox {width:600px; height:300px; border:1px solid black; text-align:center; }\n            a {display:block; }\n        &lt;\/style&gt;    \n    &lt;\/head&gt;\n    &lt;body&gt;\n        &lt;div id=\"bigBox\"&gt;\n            &lt;a href=\"https:\/\/kiencang.net\/category\/html\/\"&gt;Link HTML&lt;\/a&gt;\n            &lt;a href=\"https:\/\/kiencang.net\/category\/css\/\"&gt;Link CSS&lt;\/a&gt;\n            &lt;a href=\"https:\/\/kiencang.net\/category\/speed-js\/\"&gt;Link JS&lt;\/a&gt;    \n        &lt;\/div&gt;\n    &lt;\/body&gt;\n&lt;\/html&gt;\n<\/code><\/pre>\n\n\n\n<p>Chuy\u1ec3n v\u1ec1 <code>inline-block<\/code> kh\u00f4ng l\u00e0m n\u00f3 ng\u1eaft d\u00f2ng \u0111\u01b0\u1ee3c.<\/p>\n\n\n\n<p>N\u1ebfu b\u1ea1n mu\u1ed1n n\u00f3 c\u00f3 l\u1ec1 th\u00ec th\u00eam thu\u1ed9c t\u00ednh <code>margin<\/code> v\u00e0o n\u1eefa:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n    &lt;head&gt;\n        &lt;title&gt;c\u0103n gi\u1eefa v\u0103n b\u1ea3n&lt;\/title&gt;\n        &lt;meta charset=\"UTF-8\"&gt;\n        &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;\n        &lt;style&gt;\n            div#bigBox {width:600px; height:300px; border:1px solid black; text-align:center; }\n\n            a {display:block; margin-top:15px; }\n        &lt;\/style&gt;    \n    &lt;\/head&gt;\n    &lt;body&gt;\n        &lt;div id=\"bigBox\"&gt;\n            &lt;a href=\"https:\/\/kiencang.net\/category\/html\/\"&gt;Link HTML&lt;\/a&gt;\n            &lt;a href=\"https:\/\/kiencang.net\/category\/css\/\"&gt;Link CSS&lt;\/a&gt;\n            &lt;a href=\"https:\/\/kiencang.net\/category\/speed-js\/\"&gt;Link JS&lt;\/a&gt;    \n        &lt;\/div&gt;\n    &lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<p>C\u00f3 m\u1ed9t c\u00e1ch ng\u1eaft d\u00f2ng kh\u00e1c m\u00e0 kh\u00f4ng c\u1ea7n thay \u0111\u1ed5i thu\u1ed9c t\u00ednh <code>display<\/code> c\u1ee7a a, \u0111\u00f3 l\u00e0 th\u00eam <a href=\"https:\/\/kiencang.net\/the-br-hrml\/\" target=\"_blank\" rel=\"noreferrer noopener\">th\u1ebb br<\/a> v\u00e0o, nh\u01b0ng c\u00e1ch n\u00e0y kh\u00f4ng ti\u1ec7n l\u1eafm, \u0111\u1eb7c bi\u1ec7t khi ch\u00fang ta c\u00f3 nhi\u1ec1u th\u1ebb a, n\u00f3 s\u1ebd l\u00e0m m\u00e3 d\u00e0i th\u00eam \u0111\u00e1ng k\u1ec3:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n    &lt;head&gt;\n        &lt;title&gt;c\u0103n gi\u1eefa v\u0103n b\u1ea3n&lt;\/title&gt;\n        &lt;meta charset=\"UTF-8\"&gt;\n        &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;\n        &lt;style&gt;\n            div#bigBox {width:600px; height:300px; border:1px solid black; text-align:center; }\n        &lt;\/style&gt;    \n    &lt;\/head&gt;\n    &lt;body&gt;\n        &lt;div id=\"bigBox\"&gt;\n            &lt;a href=\"https:\/\/kiencang.net\/category\/html\/\"&gt;Link HTML&lt;\/a&gt;&lt;br&gt;\n            &lt;a href=\"https:\/\/kiencang.net\/category\/css\/\"&gt;Link CSS&lt;\/a&gt;&lt;br&gt;\n            &lt;a href=\"https:\/\/kiencang.net\/category\/speed-js\/\"&gt;Link JS&lt;\/a&gt;   \n        &lt;\/div&gt;\n    &lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"5_Can_giua_van_ban_trong_the_li\"><\/span>#5. <strong>C\u0103n gi\u1eefa v\u0103n b\u1ea3n trong th\u1ebb li<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Th\u1ebb li n\u1eb1m trong th\u1ebb ul (danh s\u00e1ch d\u1ea1ng ch\u1ea5m tr\u00f2n) ho\u1eb7c ol (danh s\u00e1ch d\u1ea1ng s\u1ed1), n\u00f3 l\u00e0 th\u1ebb d\u00f9ng \u0111\u1ec3 \u0111\u1ecbnh d\u1ea1ng d\u1eef li\u1ec7u ki\u1ec3u li\u1ec7t k\u00ea kh\u00f4ng c\u00f3 th\u1ee9 t\u1ef1 (ul) ho\u1eb7c c\u00f3 th\u1ee9 t\u1ef1 (ol). <\/p>\n\n\n\n<p>\u0110\u00e2y l\u00e0 m\u1ed9t d\u1ea1ng th\u1ebb t\u01b0\u01a1ng \u0111\u1ed1i ph\u1ed5 bi\u1ebfn khi tr\u00ecnh b\u00e0y v\u0103n b\u1ea3n. Vi\u1ec7c c\u0103n gi\u1eefa n\u00f3 c\u0169ng d\u1ec5 d\u00e0ng th\u00f4ng qua l\u1ec7nh <code>text-align<\/code>, n\u1ebfu b\u1ea1n mu\u1ed1n lo\u1ea1i b\u1ecf ch\u1ea5m tr\u00f2n m\u1eb7c \u0111\u1ecbnh th\u00ec ch\u1ec9 c\u1ea7n th\u00eam l\u1ec7nh  <code>ul {list-style-type: none;}<\/code>, v\u00ed d\u1ee5:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n    &lt;head&gt;\n        &lt;title&gt;c\u0103n gi\u1eefa v\u0103n b\u1ea3n&lt;\/title&gt;\n        &lt;meta charset=\"UTF-8\"&gt;\n        &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;\n        &lt;style&gt;\n            div#bigBox {width:600px; height:300px; border:1px solid black; text-align:center; }\n            ul {list-style-type: none; }\n        &lt;\/style&gt;    \n    &lt;\/head&gt;\n    &lt;body&gt;\n        &lt;div id=\"bigBox\"&gt;\n           &lt;ul&gt;  \n               &lt;li&gt;Link HTML&lt;\/li&gt;\n               &lt;li&gt;Link CSS&lt;\/li&gt;\n               &lt;li&gt;Link JS&lt;\/li&gt;\n           &lt;\/ul&gt;   \n        &lt;\/div&gt;\n    &lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<p>M\u1ed9t tr\u01b0\u1eddng h\u1ee3p ph\u1ed5 bi\u1ebfn kh\u00e1c l\u00e0 th\u1ebb li bao ngo\u00e0i th\u1ebb a, k\u1ebft qu\u1ea3 c\u1ee7a c\u00e2u l\u1ec7nh tr\u00ean v\u1eabn kh\u00f4ng thay \u0111\u1ed5i.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<p>Th\u1ebb ul li v\u00e0 ol li c\u00f3 t\u1ef1 c\u0103n gi\u1eefa \u0111\u01b0\u1ee3c kh\u00f4ng? T\u00f4i \u0111o\u00e1n l\u00e0 c\u00f3 v\u00ec n\u00f3 l\u00e0 d\u1ea1ng block nh\u01b0 th\u1ebb p v\u00e0 th\u1ebb h, k\u1ebft qu\u1ea3 qu\u1ea3 \u0111\u00fang nh\u01b0 v\u1eady, ul, ol t\u1ef1 c\u0103n gi\u1eefa \u0111\u01b0\u1ee3c:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n    &lt;head&gt;\n        &lt;title&gt;c\u0103n gi\u1eefa v\u0103n b\u1ea3n&lt;\/title&gt;\n        &lt;meta charset=\"UTF-8\"&gt;\n        &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;\n        &lt;style&gt;\n            div#bigBox {width:600px; height:300px; border:1px solid black; }\n            ul {list-style-type:none; text-align:center; }\n            ol {list-style-type:none; text-align:center; }\n            \n        &lt;\/style&gt;    \n    &lt;\/head&gt;\n    &lt;body&gt;\n        &lt;div id=\"bigBox\"&gt;\n           &lt;ul&gt;  \n               &lt;li&gt;Link HTML&lt;\/li&gt;\n               &lt;li&gt;Link CSS&lt;\/li&gt;\n               &lt;li&gt;Link JS&lt;\/li&gt;\n           &lt;\/ul&gt;\n           \n           &lt;ol&gt;  \n               &lt;li&gt;PHP&lt;\/li&gt;\n               &lt;li&gt;Python&lt;\/li&gt;\n               &lt;li&gt;C++&lt;\/li&gt;\n           &lt;\/ol&gt; \n        &lt;\/div&gt;\n    &lt;\/body&gt;\n&lt;\/html&gt;\n<\/code><\/pre>\n\n\n\n<p>C\u00e2u l\u1ec7nh CSS sau cho k\u1ebft qu\u1ea3 t\u01b0\u01a1ng t\u1ef1, d\u00f9ng li \u0111\u1ec3 c\u0103n gi\u1eefa cho c\u1ea3 ul li v\u00e0 ol li thay v\u00ec ph\u1ea3i vi\u1ebft ri\u00eang t\u1eebng c\u00e1i:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n    &lt;head&gt;\n        &lt;title&gt;c\u0103n gi\u1eefa v\u0103n b\u1ea3n&lt;\/title&gt;\n        &lt;meta charset=\"UTF-8\"&gt;\n        &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;\n        &lt;style&gt;\n            div#bigBox {width:600px; height:300px; border:1px solid black; }\n            ul {list-style-type: none; }\n            ol {list-style-type: none; }\n            li {text-align:center; }\n            \n        &lt;\/style&gt;    \n    &lt;\/head&gt;\n    &lt;body&gt;\n        &lt;div id=\"bigBox\"&gt;\n           &lt;ul&gt;  \n               &lt;li&gt;Link HTML&lt;\/li&gt;\n               &lt;li&gt;Link CSS&lt;\/li&gt;\n               &lt;li&gt;Link JS&lt;\/li&gt;\n           &lt;\/ul&gt;\n           \n           &lt;ol&gt;  \n               &lt;li&gt;PHP&lt;\/li&gt;\n               &lt;li&gt;Python&lt;\/li&gt;\n               &lt;li&gt;C++&lt;\/li&gt;\n           &lt;\/ol&gt; \n        &lt;\/div&gt;\n    &lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"6_Can_giua_van_ban_trong_the_span\"><\/span>#6. <strong>C\u0103n gi\u1eefa v\u0103n b\u1ea3n trong th\u1ebb span<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Trong HTML <a href=\"https:\/\/kiencang.net\/the-span-html\/\" target=\"_blank\" rel=\"noreferrer noopener\">th\u1ebb span<\/a> \u0111\u01b0\u1ee3c d\u00f9ng \u0111\u1ec3 \u0111\u00e1nh d\u1ea5u v\u0103n b\u1ea3n, display m\u1eb7c \u0111\u1ecbnh c\u1ee7a n\u00f3 l\u00e0 <code>inline<\/code>. Ngo\u00e0i ra th\u00ec n\u00f3 kh\u00f4ng c\u00f3 gi\u00e1 tr\u1ecb CSS m\u1eb7c \u0111\u1ecbnh n\u00e0o kh\u00e1c nh\u01b0 c\u1ee7a c\u00e1c th\u1ebb \u0111\u00e1nh d\u1ea5u v\u0103n b\u1ea3n th\u01b0\u1eddng g\u1eb7p.<\/p>\n\n\n\n<p>W3Schools c\u00f3 v\u00ed n\u00f3 gi\u1ed1ng v\u1edbi <code>div<\/code> d\u00e0nh ri\u00eang cho v\u0103n b\u1ea3n, kh\u00e1c l\u00e0 m\u1eb7c \u0111\u1ecbnh div c\u00f3 display l\u00e0 <code>block<\/code>.<\/p>\n\n\n\n<p>V\u00ec t\u00ednh ch\u1ea5t &#8220;tinh khi\u1ebft&#8221; trong vi\u1ec7c l\u00e0 th\u1ebb \u0111\u00e1nh d\u1ea5u, n\u00ean khi b\u1ea1n s\u1eed d\u1ee5ng th\u1ebb n\u00e0y m\u00e0 kh\u00f4ng ch\u1ec9 th\u1ecb g\u00ec th\u00eam, n\u00f3 h\u1ec7t nh\u01b0 l\u00e0 kh\u00f4ng d\u00f9ng, v\u00ed d\u1ee5:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n    &lt;head&gt;\n        &lt;title&gt;c\u0103n gi\u1eefa v\u0103n b\u1ea3n&lt;\/title&gt;\n        &lt;meta charset=\"UTF-8\"&gt;\n        &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;\n        &lt;style&gt;\n            div#bigBox {width:600px; height:300px; border:1px solid black; }\n        &lt;\/style&gt;    \n    &lt;\/head&gt;\n    &lt;body&gt;\n        &lt;div id=\"bigBox\"&gt;\n                &lt;span&gt;V\u0103n b\u1ea3n n\u00e0y n\u1eb1m trong th\u1ebb span&lt;\/span&gt;\n        &lt;\/div&gt;\n    &lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<p>B\u1ea1n c\u00f3 th\u1ec3 c\u0103n gi\u1eefa v\u0103n b\u1ea3n trong th\u1ebb span b\u1eb1ng c\u00e1ch:<\/p>\n\n\n\n<ul><li>\u0110\u1ec3 <code>text-align<\/code> c\u1ee7a th\u1ebb cha l\u00e0 <code>center<\/code>;<\/li><li>Ho\u1eb7c \u0111\u1ec3 span c\u0103n gi\u1eefa ch\u00ednh n\u00f3 c\u0169ng b\u1eb1ng <code>text-align:center<\/code> nh\u01b0ng b\u1ed5 sung th\u00eam thu\u1ed9c t\u00ednh display: block; C\u1ee5 th\u1ec3: <code>span {text-align:center; display:block;}<\/code><\/li><li>C\u0103n gi\u1eefa kh\u00f4ng ti\u00eau chu\u1ea9n b\u1eb1ng ch\u1ec9 th\u1ecb <code>margin: 0 auto;<\/code> v\u00ed d\u1ee5: <code>span {margin: 0 auto; width:100px; display:block;}<\/code> <\/li><li>C\u0103n b\u1eb1ng margin c\u0169ng gi\u1ed1ng c\u00e1c tr\u01b0\u1eddng h\u1ee3p kh\u00e1c, b\u1ea1n c\u1ea7n thi\u1ebft l\u1eadp <code>width<\/code> cho th\u1ebb \u0111\u00f3, v\u00e0 c\u1ea7n ch\u1ec9nh l\u1ea1i <code>display<\/code>, n\u1ebfu display m\u1eb7c \u0111\u1ecbnh kh\u00e1c <code>block<\/code>;<\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"7_Nut_bam_dang_button_hoac_submit\"><\/span>#7. <strong>N\u00fat b\u1ea5m d\u1ea1ng button ho\u1eb7c submit<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>N\u00fat b\u1ea5m r\u1ea5t ph\u1ed5 bi\u1ebfn trong c\u00e1c form nh\u01b0 t\u00ecm ki\u1ebfm, g\u1eedi b\u00ecnh lu\u1eadn, v\u00e0 d\u00f9 \u00edt khi xu\u1ea5t hi\u1ec7n, th\u1ebb n\u00e0y r\u1ea5t hay c\u1ea7n \u0111i\u1ec1u ch\u1ec9nh v\u1ecb tr\u00ed, v\u00e0 m\u1ed9t trong c\u00e1c v\u1ecb tr\u00ed quan tr\u1ecdng c\u1ee7a n\u00f3 l\u00e0 c\u0103n gi\u1eefa.<\/p>\n\n\n\n<p>V\u1edbi form ch\u00fang ta s\u1ebd c\u00f3 nhi\u1ec1u \u0111i\u1ec1u \u0111\u1ec3 n\u00f3i, v\u00ec vi\u1ec7c c\u0103n c\u1ee7a n\u00fat b\u1ea5m c\u0169ng th\u01b0\u1eddng hay li\u00ean \u0111\u1edbi \u0111\u1ebfn c\u0103n c\u00e1c th\u1ebb input sao cho thu\u1eadn m\u1eaft.<\/p>\n\n\n\n<p>T\u00f4i s\u1ebd vi\u1ebft <a href=\"https:\/\/kiencang.net\/can-giua-form-trong-css\/\" target=\"_blank\" rel=\"noreferrer noopener\">m\u1ed9t b\u00e0i ri\u00eang v\u1ec1 c\u0103n gi\u1eefa form<\/a>, nh\u01b0 v\u1eady s\u1ebd ph\u00f9 h\u1ee3p h\u01a1n. <\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"8_Tong_ket\"><\/span>#8. T\u1ed5ng k\u1ebft<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>C\u0103n gi\u1eefa v\u0103n b\u1ea3n th\u01b0\u1eddng \u0111\u01b0\u1ee3c th\u1ef1c hi\u1ec7n v\u1edbi c\u00e2u l\u1ec7nh CSS <code>text-align:center<\/code> v\u1edbi b\u1ed9 ch\u1ecdn (selector) l\u00e0 th\u1ebb cha (parent- t\u1ee9c th\u1ebb bao b\u00ean ngo\u00e0i v\u0103n b\u1ea3n thu\u1ea7n, <code>a<\/code>, <code>h<\/code>, <code>p<\/code>, <code>ul li<\/code>, <code>ol li<\/code>). <\/p>\n\n\n\n<p>Ngo\u00e0i ra, ngo\u1ea1i tr\u1eeb th\u1ebb a, c\u00e1c th\u1ebb c\u00f2n l\u1ea1i c\u00f3 kh\u1ea3 n\u0103ng t\u1ef1 c\u0103n gi\u1eefa ch\u00ednh n\u00f3 m\u00e0 kh\u00f4ng c\u1ea7n ph\u1ea3i thay \u0111\u1ed5i thu\u1ed9c t\u00ednh <code>display<\/code>.<\/p>\n\n\n\n<p>C\u0103n gi\u1eefa b\u1eb1ng <code>margin: 0 auto<\/code> v\u1edbi v\u0103n b\u1ea3n kh\u00f4ng ph\u1ea3i l\u00e0 c\u00e1ch c\u0103n gi\u1eefa th\u1ef1c s\u1ef1 chu\u1ea9n x\u00e1c, m\u1eb7c d\u00f9 v\u1ec1 v\u1ecb tr\u00ed n\u00f3 c\u0169ng \u1edf gi\u1eefa, nh\u01b0ng n\u00f3 s\u1ebd c\u0103n kh\u00f4ng \u0111\u1ec1u hai b\u00ean. V\u00ec v\u1ec1 b\u1ea3n ch\u1ea5t \u0111\u00e2y l\u00e0 c\u0103n gi\u1eefa box c\u1ee7a th\u1ebb a, h, p, ul li, ol li ch\u1ee9a v\u0103n b\u1ea3n, do \u0111\u00f3 khi v\u0103n b\u1ea3n kh\u00f4ng chi\u1ebfm \u0111\u1ee7 \u0111\u1ed9 d\u00e0i c\u1ee7a box, vi\u1ec7c c\u0103n s\u1ebd l\u1ec7ch. Tuy nhi\u00ean n\u1ebfu \u0111\u1ee7 d\u00e0i ch\u00fang ta c\u00f3 th\u1ec3 coi \u0111\u00e2y c\u0169ng l\u00e0 m\u1ed9t h\u00ecnh th\u1ee9c c\u0103n gi\u1eefa kh\u00f4ng ti\u00eau chu\u1ea9n, v\u00e0 c\u00f3 th\u1ec3 h\u1eefu d\u1ee5ng trong m\u1ed9t s\u1ed1 tr\u01b0\u1eddng h\u1ee3p.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<p>Xin ch\u00e0o v\u00e0 h\u1eb9n g\u1eb7p l\u1ea1i c\u00e1c b\u1ea1n trong b\u00e0i vi\u1ebft kh\u00e1c.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>C\u0103n gi\u1eefa v\u0103n b\u1ea3n (text) c\u00f3 l\u1ebd l\u00e0 k\u1ef9 thu\u1eadt c\u0103n gi\u1eefa c\u01a1 b\u1ea3n nh\u1ea5t, v\u00e0 c\u0169ng d\u1ec5 l\u00e0m h\u01a1n c\u1ea3 (c\u00f3 v\u1ebb kh\u00f4ng ph\u1ea3i th\u1ef1c s\u1ef1 l\u00e0 n\u00f3 d\u1ec5 h\u01a1n c\u00e1i kh\u00e1c, kh\u1ea3 n\u0103ng cao h\u01a1n l\u00e0 v\u00ec ch\u00fang ta ph\u1ea3i thao t\u00e1c v\u1edbi v\u0103n b\u1ea3n nhi\u1ec1u m\u00e0 th\u00f4i). H\u00f4m nay t\u00f4i v\u00e0 c\u00e1c &hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[229],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>C\u0103n gi\u1eefa v\u0103n b\u1ea3n (text) trong CSS &#8226; Ki\u1ebfn c\u00e0ng<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kiencang.net\/can-giua-van-ban-trong-css\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u0103n gi\u1eefa v\u0103n b\u1ea3n (text) trong CSS &#8226; Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"og:description\" content=\"C\u0103n gi\u1eefa v\u0103n b\u1ea3n (text) c\u00f3 l\u1ebd l\u00e0 k\u1ef9 thu\u1eadt c\u0103n gi\u1eefa c\u01a1 b\u1ea3n nh\u1ea5t, v\u00e0 c\u0169ng d\u1ec5 l\u00e0m h\u01a1n c\u1ea3 (c\u00f3 v\u1ebb kh\u00f4ng ph\u1ea3i th\u1ef1c s\u1ef1 l\u00e0 n\u00f3 d\u1ec5 h\u01a1n c\u00e1i kh\u00e1c, kh\u1ea3 n\u0103ng cao h\u01a1n l\u00e0 v\u00ec ch\u00fang ta ph\u1ea3i thao t\u00e1c v\u1edbi v\u0103n b\u1ea3n nhi\u1ec1u m\u00e0 th\u00f4i). H\u00f4m nay t\u00f4i v\u00e0 c\u00e1c &hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kiencang.net\/can-giua-van-ban-trong-css\/\" \/>\n<meta property=\"og:site_name\" content=\"Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/anhducnguyen87\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-09-06T15:24:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-08-23T15:51:10+00:00\" \/>\n<meta name=\"author\" content=\"Nguy\u1ec5n \u0110\u1ee9c Anh\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nguy\u1ec5n \u0110\u1ee9c Anh\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 ph\u00fat\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"C\u0103n gi\u1eefa v\u0103n b\u1ea3n (text) trong CSS &#8226; Ki\u1ebfn c\u00e0ng","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kiencang.net\/can-giua-van-ban-trong-css\/","og_locale":"vi_VN","og_type":"article","og_title":"C\u0103n gi\u1eefa v\u0103n b\u1ea3n (text) trong CSS &#8226; Ki\u1ebfn c\u00e0ng","og_description":"C\u0103n gi\u1eefa v\u0103n b\u1ea3n (text) c\u00f3 l\u1ebd l\u00e0 k\u1ef9 thu\u1eadt c\u0103n gi\u1eefa c\u01a1 b\u1ea3n nh\u1ea5t, v\u00e0 c\u0169ng d\u1ec5 l\u00e0m h\u01a1n c\u1ea3 (c\u00f3 v\u1ebb kh\u00f4ng ph\u1ea3i th\u1ef1c s\u1ef1 l\u00e0 n\u00f3 d\u1ec5 h\u01a1n c\u00e1i kh\u00e1c, kh\u1ea3 n\u0103ng cao h\u01a1n l\u00e0 v\u00ec ch\u00fang ta ph\u1ea3i thao t\u00e1c v\u1edbi v\u0103n b\u1ea3n nhi\u1ec1u m\u00e0 th\u00f4i). H\u00f4m nay t\u00f4i v\u00e0 c\u00e1c &hellip;","og_url":"https:\/\/kiencang.net\/can-giua-van-ban-trong-css\/","og_site_name":"Ki\u1ebfn c\u00e0ng","article_author":"https:\/\/www.facebook.com\/anhducnguyen87\/","article_published_time":"2021-09-06T15:24:08+00:00","article_modified_time":"2022-08-23T15:51:10+00:00","author":"Nguy\u1ec5n \u0110\u1ee9c Anh","twitter_card":"summary_large_image","twitter_misc":{"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi":"Nguy\u1ec5n \u0110\u1ee9c Anh","\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"12 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kiencang.net\/can-giua-van-ban-trong-css\/","url":"https:\/\/kiencang.net\/can-giua-van-ban-trong-css\/","name":"C\u0103n gi\u1eefa v\u0103n b\u1ea3n (text) trong CSS &#8226; Ki\u1ebfn c\u00e0ng","isPartOf":{"@id":"https:\/\/kiencang.net\/#website"},"datePublished":"2021-09-06T15:24:08+00:00","dateModified":"2022-08-23T15:51:10+00:00","author":{"@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16"},"breadcrumb":{"@id":"https:\/\/kiencang.net\/can-giua-van-ban-trong-css\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kiencang.net\/can-giua-van-ban-trong-css\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kiencang.net\/can-giua-van-ban-trong-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kiencang.net\/"},{"@type":"ListItem","position":2,"name":"C\u0103n gi\u1eefa v\u0103n b\u1ea3n (text) trong CSS"}]},{"@type":"WebSite","@id":"https:\/\/kiencang.net\/#website","url":"https:\/\/kiencang.net\/","name":"Ki\u1ebfn c\u00e0ng","description":"\u00d4m l\u00fd thuy\u1ebft, h\u00f4n th\u1ef1c h\u00e0nh","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kiencang.net\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"vi"},{"@type":"Person","@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16","name":"Nguy\u1ec5n \u0110\u1ee9c Anh","image":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/kiencang.net\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6d71f9b89393952a8382e30dad26c1ec?s=96&d=monsterid&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6d71f9b89393952a8382e30dad26c1ec?s=96&d=monsterid&r=g","caption":"Nguy\u1ec5n \u0110\u1ee9c Anh"},"description":"Sinh n\u0103m 1987, t\u1ed1t nghi\u1ec7p Cao \u0111\u1eb3ng th\u1ef1c h\u00e0nh FPT qu\u00e3ng 2014, chuy\u00ean ng\u00e0nh Thi\u1ebft k\u1ebf website. T\u00f4i th\u00edch Content, SEO, Ads, T\u0103ng t\u1ed1c website v\u00e0 Th\u01b0\u01a1ng m\u1ea1i \u0111i\u1ec7n t\u1eed. B\u00ean c\u1ea1nh b\u00e0i t\u1ef1 vi\u1ebft, t\u00f4i c\u0169ng d\u1ecbch nhi\u1ec1u n\u1ed9i dung th\u00fa v\u1ecb c\u1ee7a c\u00e1c t\u00e1c gi\u1ea3 kh\u00e1c nhau. FB c\u00e1 nh\u00e2n: facebook.com\/anhducnguyen87. Email li\u00ean h\u1ec7: guiemailchotoi@gmail.com","sameAs":["https:\/\/www.facebook.com\/anhducnguyen87\/"],"url":"https:\/\/kiencang.net\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/14583"}],"collection":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/comments?post=14583"}],"version-history":[{"count":2,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/14583\/revisions"}],"predecessor-version":[{"id":23132,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/14583\/revisions\/23132"}],"wp:attachment":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media?parent=14583"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/categories?post=14583"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/tags?post=14583"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}