ต่อไป »

[ChilTunDer]

โค๊ด:

.circular {
	width: 5px;
	height: 5px;
	border-radius: 5px;
    border:5px solid red;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}

โค๊ด:

<div class="circular">
            Test
          </div>

ต้องการให้ข้อความ อยู่ข้างขวา ของวงกลม ต้องทำยังไงครับ

[esanza.com]

โค๊ด:

<div ><span style="width: 5px;
	height: 5px;
	border-radius: 5px;
    border:5px solid red;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;">
            </span>Test
          </div>

test จำเป็นต้องอยู่ใน div ไหมครับ ถ้าต้องอยู่ใน div ก็ใช้  position:absolute; ครับ

[Zyrus]

โค๊ด:

i {
display:inline-block;
margin: 0 5px 0 0;
width: 5px;
height: 5px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background:red;
border:5px solid red;
}

<div class="wrapper"><i></i>Test</div>

[ChilTunDer]

ขอบคุณครับ ว่าแต่ tag i นี่คืออะไรหรอครับ ส่วน class wrapper ผมไม่มีครับ แต่ผมใช้ bootstrap น่าจะมี wrapper

[Zyrus]

ขอบคุณครับ ว่าแต่ tag i นี่คืออะไรหรอครับ ส่วน class wrapper ผมไม่มีครับ แต่ผมใช้ bootstrap น่าจะมี wrapper

i ส่วนมากจะใช้กับไอคอนฟ้อนต์ แต่ผมใช้แทน span (มันสั้นดี)
ส่วน div wrapper เปลี่ยนชื่อตามใจครับ